Cara Menyembunyikan atau Menampilkan Widget pada Halaman Tertentu di Blogger

Blogger adalah platform blogging yang populer dan menyediakan berbagai fitur untuk membuat dan mengelola blog. Salah satu fitur yang sering diminta oleh pengguna Blogger adalah kemampuan untuk menyembunyikan atau menampilkan widget tertentu hanya pada halaman atau pos tertentu. Dalam artikel ini, kita akan membahas cara melakukan hal tersebut menggunakan beberapa teknik yang tersedia.

Menggunakan Widget Khusus dari Blogger:

Salah satu cara termudah untuk menyembunyikan atau menampilkan widget pada halaman tertentu adalah dengan menggunakan fitur widget khusus dari Blogger. Blogger menyediakan opsi untuk menentukan di halaman mana widget tertentu akan ditampilkan atau disembunyikan.

Metode lain yang lebih canggih adalah dengan menggunakan kode JavaScript untuk mengontrol visibilitas widget berdasarkan URL halaman atau pos. Anda dapat menyembunyikan atau menampilkan widget dengan menggunakan kode JavaScript untuk memeriksa URL halaman dan kemudian menambahkan atau menghapus widget secara dinamis tapi yang saya bagiakan ini lebih mudah lagi yuk disimak.

Langkah-langkahnya adalah sebagai berikut:
Buka dasbor Blogger dan > Tema > Edit HTML

Contoh

Berikut adalah contoh sederhana menerapkan code pada code html widget, Misal, widget yang ingin disembunyikan adalah seperti ini:

<b:widget id='HTML2' locked='false' title='Populer Post' type='HTML'>...</b:widget>

Dan jika ingin menyembunyikan widget pada Post Preview, tambahkan saja tag code tambahan seperti ini.

<b:widget cond='!data:view.isPreview' id='HTML2' locked='false' title='Populer Post' type='HTML'>...</b:widget>

Hanya menambahkan code ini di antara code widget. cond='!data:view.isPreview'

Cara menerapkan code dibawah ini juga sama dengan contoh diatas.

1. Hanya ingin menampilkan widget di halaman depan (homepage)

Html

cond='data:view.isHomepage'

2. Ingin menyembunyikan widget di halaman depan (homepage)

Html

cond='!data:view.isHomepage'

3. Hanya ingin menampilkan widget di halaman item (post page dan static page)

Html

cond='data:view.isSingleItem'

4. Ingin menyembunyikan widget di halaman item (post page dan static page)

Html

cond='!data:view.isSingleItem'

5. Hanya ingin menampilkan widget di halaman Post

Html

cond='data:view.isPost'

6. Ingin menyembunyikan widget di halaman Post

Html

cond='!data:view.isPost'

7. Hanya ingin menampilkan widget di halaman Static

Html

cond='data:view.isPage'

8. Ingin menyembunyikan widget di halaman Static

Html

cond='!data:view.isPage'

9. Ingin menyembunyikan widget di semua halaman Pencarian

Html

cond='!data:view.isSearch'

10. Ingin menyembunyikan widget hanya di halaman Pencarian Label

Html

cond='!data:view.isLabelSearch'

11. Ingin menyembunyikan widget hanya di halaman Item dan Error

Html

cond='!data:view.isSingleItem or !data:view.isError'

12. Ingin menyembunyikan widget di Menu Layout Blogger

Html

cond='!data:view.isLayoutMode'

13. Ingin Menampilkan Widget di halaman Postingan Tertentu (URL tertentu)

Html

cond='data:view.url == "URL_ANDA_DISINI"'

Contoh:

<b:widget cond='data:view.url == "https://www.ztncode.my.id/2020/11/kode-warna-html.html"' id='HTML2' locked='false' title='Populer Post' type='HTML'>...</b:widget>

Kalo mau 2 URL:

Html

cond='data:view.url == "URL_1" or data:view.url == "URL_2"'

14. Ingin Menyembunyikan Widget di halaman Postingan Tertentu (URL tertentu)

Html

cond='data:view.url != "URL_ANDA_DISINI"'

15. Ingin Menampilkan Widget hanya di halaman Nama Label Tertentu

Html

cond='data:view.search.label == "NAMA_LABEL"'

Untuk 2 Label juga bisa:

Html

cond='data:view.search.label == "NAMA_LABEL_1" or data:view.search.label == "NAMA_LABEL_2"'

16. Ingin Menyembunyikan Widget hanya di halaman Nama Label Tertentu

Html

cond='data:view.search.label != "NAMA_LABEL"'

Untuk 3 Label juga bisa:

Html

cond='data:view.search.label != "NAMA_LABEL_1" and data:view.search.label != "NAMA_LABEL_2" and data:view.search.label != "NAMA_LABEL_3"'

Kesimpulan:

Menyembunyikan atau menampilkan widget pada halaman tertentu di Blogger dapat dilakukan dengan berbagai cara, mulai dari menggunakan fitur bawaan Blogger hingga menggunakan kode JavaScript. Pilihlah metode yang sesuai dengan kebutuhan dan tingkat keahlian Anda dalam pengembangan web. Dengan menggunakan teknik-teknik ini, Anda dapat mengontrol tampilan widget dengan lebih fleksibel sesuai dengan keinginan Anda dalam mempercantik tata letak blog Anda di Blogger.