Cara Menyembunyikan Widget/Gadget di Blog

 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://kepribest.blogspot.com ), namun hilang saat Anda baca artikel blog ini. Belum melihat ? Coba Anda lihat..
Benar ‘kan ? 

Memang, di blog ini saya menyembunyikan beberapa widget. Baik itu saat Anda di home page, atau pun di artikel posting. Bagaimana caranya ? 
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 == &quot;item&quot;’>
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&#8221; target=”new”><img src=”http://www.master-kaya.com/image/ben.gif&#8221; 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&#8221; target=”new”><img src=”http://www.master-kaya.com/image/ben.gif&#8221; 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 :
About these ads

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Logout / Ubah )

Twitter picture

You are commenting using your Twitter account. Logout / Ubah )

Facebook photo

You are commenting using your Facebook account. Logout / Ubah )

Google+ photo

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s