Cara Menyembunyikan Widget/Gadget di Blog

Benar 'kan ? Belum lihat juga ?? ... Hadehh... 

Memang, di blog ini saya menyembunyikan beberapa widget. Baik itu saat Anda di home page, atau pun di artikel posting. Bagaimana caranya ? Tenang ... Saya akan beritahu Anda sebentar lagi.
Ehmm ... apa lagi ya ? Langsung wae lah ...


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

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

kode Widget yang disembunyikan di sini

</b:if>

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 == &quot;item&quot;'>
<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 == &quot;item&quot;'>
<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 :


6. Simpan Template
7. Selesai. Lihat perubahannya

Anda bisa berkreasi sesuai selera Anda. Good Luck !

Semoga Manfaat ...