Mengatur Tampilan Widget Hanya di Halaman Postingan atau di Homepage

Jika anda tertarik, di bawah ini adalah cara-cara membuatnya :

Login dengan account blogger anda.

Kemudian menuju  layout >> Edit HTML

Jangan lupa centang expand widget template nya, karena kalau tidak kode di bawah nanti tidak akan keluar. Sebenarnya kita hanya perlu menambah kan 2 tag kode saja, lihat kode dibawah ini:

<b:widget id='HTML1' locked='false' title='Artikel Terbaru' type='HTML'>

<b:includable id='main'>

<b:if cond='data:blog.homepageUrl == data:blog.url'>

<!-- 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:if>

</b:includable>

</b:widget>

Anda perhatikan kode yang berwarna merah tadi, itu adalah selipan kedua tag kode tadi, dan warna kuning yang Artikel Terbaru itu adalah judul wiget anda. Temen-temen bisa sesuaikan dengan judul widget yang anda ingin widget tersebut hanya tampil hanya pada homepage, sebagai contoh anda bisa klik pada home page blog ini.

Jika temen-temen menginginkan widget itu tampil hanya pada halaman psotingan, tinggal merubah kode yang berwarna merah dengan kode <b:if cond='data:blog.pageType == &quot;item&quot;'> dan </b:if>seperti dibawah ini.

<b:widget id='HTML1' locked='false' title='Artikel Terkait' type='HTML'>

<b:includable id='main'>

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

<!-- 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:if>

</b:includable>

</b:widget>

Pada tulisan berkedip warna kuning sebagai contoh Artikel Terkait, karena widget itu hanya tampil pada halaman postingan di blog ini. Cukup mudah bukan? Selamat mencoba dan semoga bermanfaat.

Sumber: http://www.maskolis.com/2011/01/membuat-widget-hanya-tampil-di-halaman.html

Tweet