1. Login ke dashboard blogger.
2. Pilih Rancangan dan klik edit HTML
3. Beri tanda centang pada tulisan Expand Template
Widget
4. Lalu cari kode widget yg akan di tampilkan pada
halaman tertentu.
*Agar mudah pencarian kode widget, sebaiknya widget yg akan di edit di
beri judul dulu. Misalnya "iklan adsense", untuk memberi judul widget
klik pada Page Element. Nah pada Edit HTML carilah kode widget "iklan
adsense".
*Agar mudah pencariaanya gunakan CTRL+F dan ketik judul widget tersebut.
<b:widget id='HTML1' locked='false' title='iklan adsense' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'> <data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
Nah, agar nantinya widget tersebut dapat tampil dihalaman yang kita kehendaki maka harus kita tambah dengan kode yang berwarna merah berikut:
<b:if cond='data:blog.pageType == "item"'>..........KODE WIDGET..........
</b:if>
Hasilnya akan seperti ini.
<b:widget id='HTML1' locked='false' title='iklan adsense' type='HTML'> <b:includable id='main'>
<b:if cond='data:blog.pageType == "item"'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'> <data:content/>
</div>
</b:if>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
Contoh diatas akan menampilkan widget pada Homepage/halaman utama saja.
Bagaimana agar widget tersebut muncul dihalaman tertentu atau tidak kita
munculkan pada halaman tertentu? Nih gunakan kode berikut
1. Menampilkan widget hanya pada halaman depan saja (homepage).
<b:if cond='data:blog.url == data:blog.homepageUrl'>..........KODE WIDGET.......... </b:if>
2. Menampilkan di semua halaman kecuali homepage.
<b:if cond='data:blog.url != data:blog.homepageUrl'>..........KODE WIDGET.......... </b:if>
3. Menampilkan widget hanya pada halaman Archive saja.
<b:if cond='data:blog.pageType == "archive"'>..........KODE WIDGET.......... </b:if>
4. Menampilkan widget di semua halaman kecuali halaman archive.
<b:if cond='data:blog.pageType != "archive"'>..........KODE WIDGET.......... </b:if>
5. Menampilkan widget hanya di halaman posting.
<b:if cond='data:blog.pageType == "item"'>..........KODE WIDGET.......... </b:if>
6. Menampilkan widget di semua halaman, kecuali halaman posting.
<b:if cond='data:blog.pageType != "item"'>..........KODE WIDGET.......... </b:if>
7. Menampilkan widget hanya pada halaman staticpages.
<b:if cond='data:blog.pageType == "static_page"'> ......................................................</b:if>
8. Menampilkan widget di semua halaman,kecuali halaman staticpages.
<b:if cond='data:blog.pageType != "static_page"'>..........KODE WIDGET.......... </b:if>
9. Menampilkan widget hanya pada postingan tertentu saja.
<b:if cond='data:blog.pageType == "alamat-postingan"'>..........KODE WIDGET.......... </b:if>
10. Menampilkan widget selain di postingan tertentu.
<b:if cond='data:blog.pageType != "alamat-postingan"'>..........KODE WIDGET.......... </b:if>
11. Menampilkan widget pada halaman Label Tertentu.
<b:if cond='data:blog.url == "alamat-label"'>..........KODE WIDGET.......... </b:if>