Menampilkan Widget di halaman tertentu agar blog lebih dinamis.

Bagikan

Untuk membuat halaman Blog lebih Dinamis salah satu caranya adalah menyembunyikan Widget, sidebar, dan footer pada halaman tertentu. Misalnya sidebar dan footer hanya tampil pada halaman utama, indeks label dan halaman static page kemudian sembunyi pada halaman Indeks Posting, lalu kita dapat memunculkannya pada halaman tertentu saja. Keuntungannya kita dapat memperhemat sidebar kita dan juga dapat mempercepat loading blog kita. Karna kita bisa menampilkan widgetnya secara bergantian.


Untuk memasangnya ikuti langkah dibawah ini.

Masuk ke blogger account anda, dan pilih Dashboard - layout - Edit html dan sebelumnya anda centang Expand Widget Templates.

Lalu cari kode dibawah ini:

<b:widget id='HTML1' locked='false' title='Shoutbox' 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 != " " '>
<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 shoutbox yang bercetak tebal diatas menandakan title sidebar anda jadi harus disesuaikan
Jika Anda ingin menampilkan Shoutbox pada halaman depan saja maka tambahkan kode berwarna hijau diatas,

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 kamu yg widget yg kamu inginkan muncul.

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

Selain Tag diatas, kita juga dapat menampilan kebalikannya.
Caranya, ubah tanda == (samadengan) tang 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,..sampai jumpa di tips berikutnya....!!

Created By....

Share This

Lihat Postingan Lainnya