Tuesday 12 June 2012

Menampilkan Widget Hanya Muncul Pada HomePage Blog


Alizainsyahab Blog : Pada dasarnya bila kita menambahkan widget pada blog, secara default akan tampil pada bagian homepage dan tampil juga pada bagian halaman halaman post lainnya. Untuk memilah widget hanya tampil pada halaman utama atau homepage saja, perlu penambahan kode perintah supaya widget tersebut hanya muncul pada halaman utama atau homepage.

Kode perintah tersebut kita sisipkan pada bagian widget yang kita ingin tampilkan pada halaman utama atau homepage, dibawah ini langkah dan kode yang perlu ditambahkan adalah sebagai berikut.
  • Loggin ke akun blogger kalian kemudian masuk menu Design - Edit HTML/Edit Template
  • Ceklist expand template widget
  • Sebelum melakukan penambahan didalam template, sebaiknya backup dulu template kalian, gunanya untuk mengembalikan template kepada keadaan semula bila terjadi kesalahan, caranya dengan mendownload full template
Selanjutnya pilih widget yang akan kita munculkan pada bagian homepage saja, saya ambil contoh widget "Recent Comment" setelah ketemu sisipkan 2 baris kode sebagai perintah supaya hanya muncul pada halaman utama atau homepage saja. Untuk jelasnya perhatikan baris kode widget recent comment, kode yang berwarna merah adalah kode untuk memunculkan widget supaya hanya muncul di homepage.

<b:widget id='HTML2' locked='false' title='recent comment' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<!-- 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>

Kemudian save template, sekarang widget hanya akan muncul pada halaman utama atau homepage, bila kita masuk ke salah satu halam post widget tersebut tidak akan muncul

Untuk mengetahui posisi widget yang akan kita tampilkan atau akan kita sembunyikan, seperti contoh diatas yaitu Recent Comment, perhatikan bagian awal dari baris kode widget tersebut yaitu <b:widget id='HTML2' locked='false' title='recent comment' type='HTML'> Recent Comment yang tertulis dalam baris kode tersebut adalah judul dari widget sewaktu kita menambah widget dalam layout/page elements itu yang menjadi patokan untuk mencari posisi widget dalam template yang ingin kita temukan.

Untuk menampilkan widget atau menyembunyikan widget pada halaman tertentu lainnya, bisa membaca caranya pada Cara Menampilkan Dan menyembunyikan Widget Pada Halaman Tertentu

Semoga bermanfaat

http://situseo.blogspot.com/
Sumber :

DAFTAR ISI

2 comments:

  1. wwwwwooowwww keren gan,,mantap banget nih gan,,thank's ya gan infonya gan,,

    ReplyDelete

Two Reasons why IPS is a "Must Have" for your Network

Introduction This is the third in my Security Series of Connect articles.  For more information on how to keep your enterprise environm...