Notification

×

Iklan

Iklan

Cara Menampilkan atau Menyembunyikan Widget Blogger di Halaman Tertentu pada Blog/Website

Minggu, 14 April 2024 | Kali Dibaca Last Updated 2024-04-13T18:53:41Z
Advertisement

Pages/Halaman:
Marketplace
Maintenance
Adanya tag kondisional Blogger memungkinkan kamu untuk menampilkan atau menyembunyikan widget / gadget di halaman tertentu.
Ilustrasi
SAFAHAD Technology - Adanya tag kondisional Blogger memungkinkan kamu 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.

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.

Akan muncul sebuah jendela browser baru berukuran kecil. Disini kita hanya akan mencari tahu ID dari widget tersebut. Perhatikan susunan URL di address bar, sorotlah sampai ujung dan kamu akan menemukan parameter widgetId=xxx dan itulah ID yang kita cari. Dalam contoh gambar, IDnya adalah FeaturedPost1. Jangan lakukan apa-apa pada widget tersebut. Tutup saja jendelanya setelah ID diketahui.

Lalu pergi ke menu Theme (Tema) dan pilih Edit HTML.
Klik ikon Jump to widget (lihat di gambar) dan pilih nama dari ID yang tadi berhasil ditemukan di langkah sebelumnya.
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.

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 kamu bisa ganti data:view.isHomepage dengan tag kondisional halaman lain.

Setelah itu simpan pengaturan dengan klik tombol Save (Simpan).

Baca Selanjutnya, 2. Menyembunyikan Widget di Halaman Tertentu

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 (!) tanpa tanda dalam kurung, 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'>
 

Kamu juga bisa memilih sendiri tag kondisional halaman yang diinginkan atau sesuai kebutuhan. Demikian penjelasan tutotial coding Cara Menampilkan atau Menyembunyikan Widget Blogger di Halaman Tertentu pada Blog/Website. Selamat mencoba dan semoga bermanfaat.

Sumber:
  • https://www.igniel.com/2018/10/menampilkan-menyembunyikan-widget-di-halaman-tertentu.html

  • CLOSE