
Sekarang mungkin saya akan berbagai bagaimana cara agar kita dapat membuat sebuah widget blog tampil sesuai dengan kebutuhan pada satu halaman tertentu, atau bahkan hanya tampil pada halaman depan/ home atau hanya tampil pada postingan saja. Simak baik- baik petunjuknya.
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'>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
<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>
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>
makasih sob langsung sukses dipasang nih
ReplyDeleteOke sama-sama... makasih udah berkunjung.,..
Deletemantap dah artikelnya
ReplyDeletemantap dah artikelnya
ReplyDeleteoke juga totorialx nih gan
ReplyDeletethanks bro
ReplyDeletehttp://yourbalitrekking.blogspot.com/