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/

Pos ini dipublikasikan di blog tutorial. Tandai permalink.

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s