Tutorial Membuat Widget Hanya Tampil di Halaman Tertentu Blogspot

Tutorial Membuat Widget Hanya Tampil di Halaman Tertentu Blogspot

Add Comment

  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 biru 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 biru 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

About the Author

Nunc at tortor tempor, tincidunt purus ut, placerat turpis. Sed pulvinar vehicula dolor, at volutpat nibh euismod sed. Nunc sit amet lectus arcu. Nullam sit amet urna in felis accumsan iaculis a sed urna.

0 komentar