Menyembunyikan Widget di Halaman Tertentu Blogger

Deny Listianto    19 Agustus 2018

Menampilkan atau menyembunyikan gadget/widget, teknik ini menurut saya perlu diketahui dan diterapkan oleh blogger pada blognya.

Namun saat ini belum ada menu khusus di Tata Letak Blogger untuk menyembunyikan atau menampilkan suatu Gadget/widget agar gadget tersebut tidak tampil di halaman atau postingan blog tertentu yang kita inginkan.

Tetapi walaupun tidak ada menu khusus sobat masih tetap bisa melakukannya dengan mudah untuk menyembunyikan atau menampilkan suatu Gadget/widget tersebut.

Menyembunyikan dan Memunculkan Widget di Halaman Tertentu Blogger

Pertama, Login akun Blogger, buka menu Tema selanjutnya Edit HTML. Pada pilihan "Lompat ke Widget" silahkan pilih widget yang ingin disembunyikan.

Selanjutnya akan muncul kode widgetnya, lalu cari kode dibawah ini yang ada dalam markup widgetnya.

<b:includable id='main'>...</b:includable>

Setelah ketemu, tempatkan tag kondisionlanya seperti dibawah ini.

<b:includable id='main'>
<b:if cond='data:blog.pageType == &quot;URL The Page&quot;'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>
</b:if>
</b:includable>

Contoh penerapan tag kondisional dengan memunculkan widget hanya di homepage sebagai berikut.

<b:includable id='main'>
<b:if cond='data:blog.url != data:blog.homepageUrl'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>
</b:if>
</b:includable>

Dengan tag kondisional diatas maka widget hanya akan muncul di homepage saja, jika ingin memunculkan widget di halaman lain silahkan ganti dengan tag kondisional berikut ini.

Widget muncul di semua halaman kecuali homepage.

<b:if cond='data:blog.url != data:blog.homepageUrl'>
......................................................
</b:if>

Widget muncul hanya di halaman Archive saja.

<b:if cond='data:blog.pageType == &quot;archive&quot;'>
......................................................
</b:if>

Widget muncul di semua halaman kecuali halaman archive.

<b:if cond='data:blog.pageType != &quot;archive&quot;'>
......................................................
</b:if>

Widget muncul hanya di halaman posting.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
......................................................
</b:if>

Widget muncul di semua halaman, kecuali halaman posting.

<b:if cond='data:blog.pageType != &quot;item&quot;'>
......................................................
</b:if> 

Widget muncul hanya di postingan tertentu saja.

<b:if cond='data:blog.pageType == &quot;url-postingan&quot;'>
......................................................
</b:if>

Widget muncul selain di postingan tertentu.

<b:if cond='data:blog.pageType != &quot;url-postingan&quot;'>
......................................................
</b:if>

Widget muncul hanya di halaman staticpages.

<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
......................................................
</b:if>

Widget muncul di semua halaman, kecuali halaman staticpage.

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
......................................................
</b:if>

Terakhir Simpan Tema, dan lihat hasilnya.

Demikian tutorial kali ini semoga dapat membantu dan bermanfaat bagi semua. Terimakasih...