Minggu, 29 Agustus 2010

Menampilkan Widget di Halaman Tertentu

Kali ini saya akan membahas mengenai bagaimana cara menampilkan widget di halaman tertentu. Sebelumnya, cara ini telah banyak digunakan oleh para blogger master di luar sana, tetapi apa salahnya untuk menulis ulang kembali bukan, siapa tahu ada blogger neubie lainnya yang belum tau. :)


Ada berbagai pertanyaan muncul ketika para blogger mengeluh karena loading blog mereka sangat lamban, karena penggunaan widget yang kebanyakan menggunakan javascript terlalu banyak. Alasan mereka untuk tidak menghapus beberapa widget tersebut adalah karena mereka merasa widget-widget tersebut masih sangat diperlukan untuk blog mereka dan tidak boleh dihapus. Nah, kalo begini mau buat apa lagi?

Nah, ada solusinya untuk mengatasi masalah tersebut. Maka dari itu saya menulis artikel ini. Caranya antara lain adalah menampilkan beberapa widget-widget di halaman tertentu saja. Keuntungannya adalah kita dapat menghemat tempat sidebar dan juga dapat mempercepat loading blog kita, karena kita bisa menampilkan widgetnya secara bergantian.

“Bagaimana caranya?”

Caranya cukup mudah. Untuk memasangnya ikuti langkah dibawah ini!

  1. Login dulu ke Blogger menggunakan account Anda.
  2. Pilih Tata Letak, lalu klik Edit HTML dan sebelumnya Anda centang Expand Widget Templates.
  3. Lalu cari kode dibawah ini!

<b:widget id='HTML1' locked='false' title='ARTIKEL MENARIK LAINNYA' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType == "index"'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
</b:if>
<b:include name='quickedit'/>
</b:includable>
</b:widget>

NB:
Kata 'ARTIKEL MENARIK LAINNYA' yang bercetak tebal di atas menandakan title sidebar Anda, jadi harus disesuaikan

  1. Jika Anda ingin menampilkan Artikel Menarik Lainnya ataupun yang lainnya pada halaman depan saja maka tambahkan kode bercetak tebal berwarna hijau di atas.

Berikut ini tag lain yang bisa digunakan.

  • Untuk menampilkan widget pada homepage/halaman depan saja.

<b:if cond='data:blog.pageType == "index"'>

  • Untuk menampilkan widget pada halaman archive saja.

<b:if cond='data:blog.pageType == "archive"'>

  • Untuk menampilkan widget pada halaman artikel saja.

<b:if cond='data:blog.pageType == "item"'>

  • Hanya menampilkan widget pada halaman tertentu saja. Ubah [masukkan URL] dengan halaman pada blog Anda yangg widget yang Anda inginkan muncul.

<b:if cond="[masukkan URL]" == data:blog.url'>

  1. Selain tag-tag di atas, kita juga dapat menampilan kebalikannya. Caranya mudah, cuma ubah tanda = (sama dengan) yang pertama dengan tanda ! (seru). Misalnya, saya ingin menampilkan widget pada halaman selain homepage, maka kode yg digunakan :

<b:if cond='data:blog.pageType != "index"'>

Selamat mencoba dan semoga berhasil. :)


Tidak ada komentar:

Posting Komentar

Catatan: Hanya anggota dari blog ini yang dapat mengirim komentar.