Menampilkan dan Menyembunyikan Widget di Halaman Tertentu

Tutorial dan panduan lengkap tentang bagaimana cara menampilkan atau menyembunyikan widget / gadget hanya di halaman tertentu saja di Blogspot menggun
Menampilkan dan Menyembunyikan Widget Halaman Tertentu

Adanya tag kondisional Blogger memungkinkan kalian untuk menampilkan atau menyembunyikan widget / gadget di halaman tertentu. Misalnya hanya ingin menampilkan widget popular post di homepage saja, atau menyembunyikan iklan AdSense hanya di halaman statis (page) saja, dan sebagainya.

1. Menampilkan Widget di Halaman Tertentu

Artinya widget hanya akan muncul di satu tempat yang ditentukan.

  1. Masuk ke dashboard Blogger dan pergi ke menu Layout (Tata Letak). Pilih widget yang ingin dibatasi dan edit dengan cara klik ikon pensil di kanan.
    Sembunyikan Widget Blogger di Halaman Khusus
  2. Akan muncul sebuah jendela browser baru (Sudah tidak work lagi dikarenakan perubahan pada Blogger), solusinya langsung ke cara selanjutnya.
  3. Lalu pergi ke menu Theme (Tema) dan pilih Edit HTML.
  4. Klik ikon Jump to widget (lihat di gambar) dan pilih nama dari ID yang tertera dalam list.
    Menyembunyikan Widget Blogger Di Halaman Tertentu Saja
  5. Dalam contoh ini, saya ingin menampilkan widget hanya di halaman utama (homepage). Maka tag kondisional yang digunakan adalah data:view.isHomepage. Jika ingin menampilkannya di halaman lain, gunakan tag konditional lain yang kode lengkapnya bisa ditemukan di Tag Kondisional Halaman Blogger.
  6. Sekarang saatnya untuk edit kode widget. Misal kode lengkapnya seperti ini:
    <b:widget id='FeaturedPost1' locked='true' title='Featured Post' type='FeaturedPost' visible='true'>

    Tambahkan kode cond='data:view.isHomepage' SEBELUM ID id='FeaturedPost1'. Maka hasil akhirnya menjadi seperti ini:
    <b:widget cond='data:view.isHomepage' id='FeaturedPost1' locked='true' title='Featured Post' type='FeaturedPost' visible='true'>
    Ingat ya, FeaturedPost1 adalah ID yang tadi dicari. Dan kalian bisa ganti data:view.isHomepage dengan tag kondisional halaman lain.
  7. Setelah itu simpan pengaturan dengan klik tombol Save (Simpan).

2. Menyembunyikan Widget di Halaman Tertentu

Sekarang kebalikannya, yaitu menyembunyikan widget di halaman tertentu. Artinya widget akan muncul di semua tempat KECUALI di halaman yang ditentukan.

Secara keseluruhan caranya sama. Hanya ada sedikit perbedaan di kode widget. Tinggal tambahkan tanda seru (!) yang dalam pemrograman artinya NOT.

Contoh: !data:view.isPost
Artinya: Widget akan muncul jika BUKAN di halaman post.

Kode lengkapnya kurang lebih seperti ini:

<b:widget cond='!data:view.isPost' id='FeaturedPost1' locked='true' title='Featured Post' type='FeaturedPost' visible='true'>

Kalian juga bisa memilih sendiri tag kondisional halamannya dengan melihat daftar lengkap di artikel lain yang linknya sudah saya tulis di atas. Kalau masih bingung silakan bertanya di kolom komentar.

Referensi:
https://www.igniel.com/2018/10/menampilkan-menyembunyikan-widget-di-halaman-tertentu.html
Posting Komentar
Menampilkan dan Menyembunyikan Widget di Halaman Tertentu
Menampilkan dan Menyembunyikan Widget di Halaman Tertentu
Tutorial dan panduan lengkap tentang bagaimana cara menampilkan atau menyembunyikan widget / gadget hanya di halaman tertentu saja di Blogspot menggun
Bagikan ke aplikasi lainnya:
  • WhatsApp
  • Telegram
  • Facebook
  • Twitter
  • Pinterest
  • LinkedIn

Artikel Terkait

Posting Komentar

  • Menulis kode gunakan <i>kode</i> (kode harus di-parse)
  • Menulis dalam syntax highlighter gunakan <em>kode panjang</em> (kode harus di-parse)
  • Menyisipkan gambar gunakan <strong>URL GAMBAR</strong> (ekstensi .jpg, .png, .gif, .webp, .ico)
  • Centang Beri Tahu Saya untuk mendapatkan notifikasi ke email saat ada yang membalas komentar.