Menampilkan & Menyembunyikan Widget Di Halaman Tertentu

Ketika kita sedang menuju atau membuka blog seseorang, terkadang terlihat tampilan Widget Blog tersebut gonta-ganti. Misalnya, di halaman depan Wigdet A, di halalaman lainnya Widget A tidak muncul. Seperti sobat lihat pada blog ini widget di hompage dan halaman postingan pastinya berbeda-beda. Ada apakah ???
Sebenarnya, ada beberapa cara yang dilakukan oleh Blogger untuk melakukan hal tersebut, Tips ini tujuannya adalah untuk memperindah dan mempercantik tampilan blog.

Berikut ini Cara Menampilkan dan Menyembunyikan Widget Di Halaman Tertentu
1. Menampilkan widget hanya di halaman depan (homepage).

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

Untuk penerapannya silahkan perhatikan di bawah ini.

• Tentunya anda harus buka akun blog anda sendiri.
• Masuklah ke Elemen Template. Lalu klik Edit HTML
• Carilah widget yang ingin anda tampilkan, misalnya hanya di homepage.

<b:widget id='HTML1' locked='false' title='Nama title' type='HTML'>
<b:includable id='main'>
<!-- 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:includable>
</b:widget>

• Selanjutnya tambahkan kode :

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

• Sebelum kode :

<!-- only display title if it's non-empty -->

• Dan ditambahkan kode :

</b:if>

• Sebelum kode :

</b:includable>
</b:widget>

• Maka hasilnya akan persis seperti di bawah ini.

<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>

• Selesai. Simpan Template blog anda.

Catatan :
Huruf yang berwarna biru adalah Kode yang ditambahkan.
Penempatannya tidak boleh salah dan harus pas. Kalau salah, maka bisa terjadi eror pada blog sobat. Untuk mengantisipasinya, sebaiknya sebelum memulai langkah di atas, Simpan Template Blog anda terlebih dahulu.

Berikut ini kode yang lain untuk Menampilkan dan Menyembunyikan Widget Di Halaman Tertentu lainnya.

2. Menyembunyikan widget di halaman depan (homepage).
<b:if cond='data:blog.url != data:blog.homepageUrl'>
<!-- ISI Widget -->
</b:if>

3. Menampilkan widget hanya di halaman posting.
<b:if cond='data:blog.pageType == "item"'>
<!-- ISI Widget -->
</b:if>

4. Menyembunyikan widget di halaman posting.
<b:if cond='data:blog.pageType != "item"'>
<!-- ISI Widget -->
</b:if>

5. Menampilkan widget hanya di halaman Archive.
<b:if cond='data:blog.pageType == "archive"'>
<!-- ISI Widget -->
</b:if>

6. Menyembunyikan widget di halaman Archive.
<b:if cond='data:blog.pageType != "archive"'>
<!-- ISI Widget -->
</b:if>

7. Menampilkan widget hanya di halaman static pages.
<b:if cond='data:blog.pageType == "static_page"'>
<!-- ISI Widget -->
</b:if>

8. Menyembunyikan widget di halaman static pages.
<b:if cond='data:blog.pageType != "static_page"'>
<!-- ISI Widget -->
</b:if>

9. Menampilkan widget hanya di postingan/halaman tertentu.
<b:if cond='data:blog.url == "URL Postingan"'>
<!-- ISI Widget -->
</b:if>

10. Menyembunyikan widget di postingan/halaman tertentu.
<b:if cond='data:blog.url != "URL Postingan"'>
<!-- ISI Widget -->
</b:if>

Demikian posting saya tentang Cara Menampilkan dan Menyembunyikan Widget Di Halaman Tertentu. Cara diatas dapat digunakan untuk menampilkan atau menyembunyikan elemen tertentu seperti tampilan halaman depan (Beranda), halaman postingan artikel, halaman statis, ataupun halaman arsip supaya tidak dipenuhi dengan berbagai macam widget.