Menyembunyikan Widget di Halaman Tertentu Blogger - Deny Listianto

August 19, 2018

Menyembunyikan Widget di Halaman Tertentu Blogger

Menyembunyikan Widget di Halaman Tertentu Blogger

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.

Menyembunyikan Widget di Halaman Tertentu Blogger

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...
Disqus Codes
  • To write a bold letter please use <strong></strong> or <b></b>
  • To write a italic letter please use <em></em> or <i></i>
  • To write a underline letter please use <u></u>
  • To write a strikethrought letter please use <strike></strike>
  • To write HTML code, please use <code></code> or <pre></pre> or <pre><code></code></pre>
    And use parse tool below to easy get the style.
Show Parser Box

strong em u strike
pre code pre code spoiler
embed

Notifications

Disqus Logo