Cara Menampilkan dan Menyembunyikan Widget di Blog

Cara Menampilkan dan Menyembunyikan Widget di Blog. Bagi Anda yang sedang menata tampilan blognya kini saya share teknik cara menampilkan dan menyembunyikan elemen atau widget di halaman tertentu pada sebuah blog. Fungsi dari teknik itu sendiri merupakan salah satu cara untuk membuat halaman blog lebih rapih, lebih efektif, terlihat dinamis, bahkan dapat membuat loading lebih cepat.

Teknik ini menurut saya perlu diketahui dan diterapkan oleh blogger pada blognya. Saya menyarankan hal ini karena tata letak widget dan konten yang berkualitas juga merupakan kriteria penilaian tersendiri baik dari admin maupun pengunjung.

Teknik ini cukup mudah untuk diimplementasikan di blog, dan hanya memerlukan waktu beberapa menit saja. Untuk menampilkan dan menyembunyikan widget ini hanya perlu untuk menyisipkan kode HTML sesuai dengan yang diinginkan.


Berikut Teknik cara menampilkan dan menyembunyikan widget di blog.catatan: gunakan sesuai keperluan.

1. Untuk menampilkan elemen/widget hanya di Home page.
Kodenya
<b:if cond='data:blog.url == data:blog.homepageUrl'>
---ISI dari elemen atau Widget---
</b:if>

Contoh Penggunannya
<b:widget id='HTML1' locked='false' title='Nama title' type='HTML'>
<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 != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>

warna merah adalah batas dari penggunaan kode warna biru adalah kodenya.

2. Untuk menampilkan elemen/widget hanya di Post page (postingan).

<b:if cond='data:blog.pageType == "item"'>
---ISI dari elemen atau Widget---
</b:if>

3. Untuk menyembunyikan elemen/widget di Post page (postingan artikel).

<b:if cond='data:blog.pageType != "item"'>
---ISI dari elemen atau Widget---
</b:if>

4. Untuk menampilkan elemen/widget di halaman tertentu.

<b:if cond='data:blog.url == "URL Halaman"'>
---ISI dari elemen atau Widget---
</b:if>

5. Untuk menyembunyikan elemen/widget di halaman tertentu.

<b:if cond='data:blog.url != "URL Halaman"'>
---ISI dari elemen atau Widget---
</b:if>

6. Untuk menampilkan elemen/widget hanya di halaman arsip (archive).

<b:if cond='data:blog.pageType == "archive"'>
---ISI dari elemen atau Widget---
</b:if>

7. Untuk menyembunyikan elemen/widget di halaman arsip (archive).

<b:if cond='data:blog.pageType != "archive"'>
---ISI dari elemen atau Widget---
</b:if>

8. Untuk menampilkan elemen/widget hanya di halaman statis (static page).

<b:if cond='data:blog.pageType == "static_page"'>
---ISI dari elemen atau Widget---
</b:if>

9. Untuk menyembunyikan elemen/widget di halaman statis (static page).

<b:if cond='data:blog.pageType != "static_page"'>
---ISI dari elemen atau Widget---
</b:if>


Demikianlah Cara Menampilkan dan Menyembunyikan Widget di Blog, cara ini dapat digunakan untuk menampilkan atau menyembunyikan elemen tertentu seperti tampilan halaman depan (Beranda), halaman postingan artikel, halaman statis, ataupun halaman arsip tidak penuh dijejali dengan berbagai macam widget. Semoga bermanfaat bagi yang membutuhkan.