Cara Menampilkan / Menyembunyikan Widget Di Blog

Cara Menampilkan / Menyembunyikan Widget Di Blog 

Saat anda sedang mengunjungi blog atau situs seseorang, terlihat tampilan widget tertentu pada setiap halaman berbeda-beda. Misalnya, saat di homepage Wigdet A pada sidebar muncul, namun ketika di halalaman lainnya Widget A tidak muncul, misalnya halaman posting. Bagaimana Caranya?

Ada beberapa cara yang dilakukan oleh blogger untuk melakukan hal tersebut, tergantung pada tujuannya menyembunyukan widget tersebut. Secara umum berikut ini kode HTML yang dapat digunakan untuk Menampilkan Widget Tertentu Di Halaman Tertentu.


1. Menampilkan widget hanya di halaman depan saja (homepage)

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

2. Menampilkan di semua halaman kecuali homepage

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

3.  Menampilkan widget hanya di halaman posting

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

4. Menampilkan widget di semua halaman, kecuali halaman posting

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

5. Menampilkan widget hanya di postingan tertentu saja

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

6. Menampilkan widget selain di postingan tertentu

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

7. Menampilkan widget hanya di halaman staticpages

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

8. Menampilkan widget di semua halaman, kecuali halaman staticpages

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

9. Menampilkan widget hanya di halaman Archive saja

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

10. Menampilkan widget di semua halaman kecuali halaman archive.

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

Catatan : *
Titik-titik (.....) adalah kode widget yang ingin disembunyikan pada blog


Contoh Penggunaannya :
Misalnya untuk menampilkan "Widget A" hanya di halaman depan saja (homepage), dan ketika di halaman posting, maka "Widget A" tidak muncul. Untuk melakukan hal itu silahkan coba ikuti langkah berikut.

Cara Menampilkan Widget Hanya Di Halaman Depan Saja (homepage)
1. Login blogger
2. klik tab Template. Lalu klik Edit HTML
3. Cari Widget A (gunakan Ctrl+F untuk mencari)
4. Setelah ketemu, maka akan muncul kode persis seperti dibawah ini.

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

5. Selanjutnya apit kode widget diatas dengan kode untuk menampilkan widget pada homepage saja, kodenya seperti ini :

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

7. Maka hasilnya akan seperti ini.

 <b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:widget id='HTML1' locked='false' title='Widget A' type='HTML'>
<b:includable id='main'>
<!-- 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:includable>
</b:widget>
</b:if> 

8 . Simpan Template dan Selesai.

Terima telah membaca artikel Ehpedia dengan judul Cara Menampilkan Widget Di Halaman Tertentu. Jika masih bingung, silahkan tanyakan melalui kolom komentar. Cara Menampilkan / Menyembunyikan Widget Di Blog

Artikel Terkait

Cara Menampilkan / Menyembunyikan Widget Di Blog

4/ 5

Oleh Anyar

Anyar 18:04 1 Komentar