Cara menyembunyikan widget/Gadget blog

Cara Menyembunyikan Widget di Home Page - Cara Menyembunyikan Widget di Postingan - Keberadaan widget/gadget, memang akan mempermudah kita dalam mendesain atau mempercantik tampilan/interface blog kita. Namun, kadangkala justru akan merusak tampilan yang ada. Kalau Anda pengunjung setia blog ini, Anda mungkin bisa melihat bahwa ada widget yang tahu-tahu ada ketika Anda membaca artikel. Atau sebaliknya, ada widget yang ada ketika Anda mengunjungi halaman home blog ini (http://ricdetop.blogspot.com), namun hilang saat Anda baca artikel blog ini. Belum melihat ? Coba Anda lihat..

1. Cara Menyembunyikan Widget di homepage

Jadi, nanti widget yang disembunyikan hanya akan tampil, saat artikel/konten dibuka. Berikut kode-nya :

<b:if cond='data:blog.pageType == "item"'>

kode Widget yang disembunyikan di sini

</b:if>

2. Cara Menyembunyikan Widget di Artikel/Konten

Di sini, widget hanya akan tampil di homepage saja. Berikut kodenya :

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

Kode widget di sini.

</b:if>

Penerapannya :

Misal kode banner yang ingin Anda sisipkan :

<a href="http://www.master-kaya.com/?id=mesin-uang" target="new"><img src="http://www.master-kaya.com/image/ben.gif" width="125" height="125" border="0" alt="cara cepat kaya" /></a>

maka menjadi :

<b:if cond='data:blog.pageType == "item"'>
<a href="http://www.master-kaya.com/?id=mesin-uang" target="new"><img src="http://www.master-kaya.com/image/ben.gif" width="125" height="125" border="0" alt="cara cepat kaya" /></a>
</b:if>

Kalau kode yang ingin dimasukkan adalah Adsense atau AdsenseCamp, maka Anda harus Parse kode-nya.

Jika yang ingin Anda sembunyikan adalah widget/gadget tertentu, misalnya Footer, maka, kode harus diletakkan di kode blok data pembentuk footer. Misal, kode footer template adalah

<div id='footer'>
<div id='footer-wrapper'>

<div id='footerbar-wrapper'>
<b:section class='footerbar' id='footerbar2' preferred='yes'>
<b:widget id='Profile1' locked='false' title='About Me' type='Profile'/>
</b:section>
</div>

<div id='footerbar-wrapper'>
<b:section class='footerbar' id='footerbar3' preferred='yes'>
<b:widget id='BlogList1' locked='false' title='Link Partner' type='BlogList'/>
</b:section>
</div>

<div style='clear: both;'/>
</div> </div>

maka kode-nya menjadi :

<b:if cond='data:blog.pageType == "item"'>
<div id='footer'>
<div id='footer-wrapper'>

<div id='footerbar-wrapper'>
<b:section class='footerbar' id='footerbar2' preferred='yes'>
<b:widget id='Profile1' locked='false' title='About Me' type='Profile'/>
</b:section>
</div>

<div id='footerbar-wrapper'>
<b:section class='footerbar' id='footerbar3' preferred='yes'>
<b:widget id='BlogList1' locked='false' title='Link Partner' type='BlogList'/>
</b:section>
</div>

<div style='clear: both;'/>
</div> </div>
</b:if>

Kemudian, bila yang ingin disembunyikan hanya 1 bagian saja dari widget, misal di sidebar, maka Anda perlu sedikit cermat dalam meletakkan kodenya. Sebagai contoh, kode yang akan dihilangkan adalah HTML/Javascript atau lihat gambar di bawah.

Untuk menyembunyikan, ikuti langkah di bawah ini :

1. Klik EditHTML. JANGAN centang Expand Widget Templates
2. Cari kode seperti pada gambar di bawah (Ingat ini di sidebar)

Nah, di blok sidebar kita melihat bahwa kode yang akan disembunyikan adalah "HTML2". Copy kode ke notepad.

3. Centang Expand Widget Templates.
4. Cari kode yang tadi sudah di copy pada langkah ke-2 (Cari dgn Ctrl+F untuk mempercepat). Dalam kasus di sini, maka bisa dilihat di gambar di bawah.

5. Copy dan Paste kode untuk menyembunyikan widget <b:if cond='data:blog.url == data:blog.homepageUrl'> ... </b:if>, tepat seperti gambar di bawah ini :