Bikin Widget Hanya Tampil di Halaman Tertentu

Diposting oleh RF X-OWNERS on Kamis, 21 April 2011

Sobat FnC, di bawah ini adalah cara-cara membuatnya :
  1. Login dengan account blogger anda.
  2. Kemudian menuju  layout >> Edit HTML
  3. 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.

{ 0 komentar... read them below or add one }

Posting Komentar