Menampilkan Widget di Halaman Tertentu Saja

Duh, kondisi badan yg ngga menentu bikin ngeblog kurang bergairah nih. but, show must go on dah :)

Kadang-kadang kita ingin menampilkan sebuah widget di halaman tertentu aja. Misalnya, di halaman depannya aja, atau di halaman artikel aja, atau gimanalah terserah. Ah, masa sih bisa begitu..? Bisa aja donk. Mau tau gimana caranya?

Pertama, masuk ke Layout > edit HTML. Jika diperlukan, backup dulu template kamu dengan nge-klik Download full template Kemudian, klik Expand Widget Templates.

Sekarang kamu cari widget yg mau kamu aplikasiin trik ini. Misalnya, saya mau menampilkan widget 'shoutbox' di halaman depan aja. Tambahkan tag <b:if> berikut tepat setelah <b:includable id='main' section>. kemudian, ditutup dengan </b:if> tepat sebelum </b:includable>.

<b:widget id='HTML1' locked='false' title='Shoutbox' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType == "index"'>
<!-- 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:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>

Beberapa tag yg juga bisa digunakan yg saya tahu:

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

hanya menampilkan widget pada homepage / halaman depan saja.

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

hanya menampilkan widget pada halaman archive saja.

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

hanya menampilkan widget pada halaman artikel saja.

<b:if cond='"[masukkan URL]" == data:blog.url'>

hanya menampilkan widget pada halaman tertentu saja. Ubah [masukkan URL] dengan halaman pada blog kamu yg widget yg kamu inginkan muncul.

Kita juga bisa mengatur agar widget muncul pada halaman kebalikan dari tag yg disertakan tadi. Pada tag tsb, tinggal ubah tanda = (samadengan) pertama dengan ! (tanda seru). Misalnya, saya ingin menampilkan widget pada halaman selain homepage, maka kode yg digunakan :

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

dan begitu juga dengan yg lainnya.

Kalo masih belum jelas dengan tag <b:if>, langsung aja masuk ke blognya Amanda yg udah menjelaskan lebih lengkap lagi. Semoga tutorial ini bermanfaat dan mudah dimengerti tentunya. Bingung? Jangan sungkan untuk berkomentar :)