Header Ads

Cara Membuat Widget Hanya Tampil di Homepage

Cara Membuat Widget Hanya Tampil di Homepage

Dalam membuat blog kurang lengkap rasanya bila kita tidak memasang widget-widget pada sidebar blog. Selain dapat mempermanis tampilan blog, widget-widget tersebut juga mempunyai kegunaannya masing-masing. Namun, bila jika widget yang dipasang sudah cukup banyak dapat membuat loading blog terasa berat. Loading blog yang terlalu lama berpotensi untuk ditinggalkan pengunjung sebelum membaca artikel di blog kita.

Nah, ada salah satu trik yang bisa kita lakukan untuk memperingan loading blog saat pengunjung ingin membaca artikel, yakni dengan membuat beberapa widget yang tidak terlalu penting bagi pengunjung hanya tampil di homepage atau halaman beranda. Bagaimana cara melakukannya? Berikut ini cara membuat widget hanya tampil di homepage atau halaman beranda.

1. Masuk ke akun Blogger Anda.

2. Klik Rancangan > Edit HTML.

3. Klik Download Template Lengkap untuk mem-backup template.

4. Beri tanda centang pada Expand Template Widget.

5. Cari kode widget id untuk judul widget yang ingin ditampilkan hanya di homepage. Misalnya, untuk widget yang berjudul Like Klik Munadi kodenya tampak seperti di bawah ini.

<b:widget id='HTML3' locked='false' title='Like Klik Munadi' type='HTML'>
<b:includable id='main'>
  <!-- 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:include name='quickedit'/>
</b:includable>
</b:widget>

6. Kemudian tambahkan kode  <b:if cond='data:blog.homepageUrl == data:blog.url'> di bawah kode  <b:includable id='main'> dan kode </b:if> di atas kode </b:includable> sehingga hasilnya akan menjadi seperti di bawah ini.

<b:widget id='HTML3' locked='false' title='Like Klik Munadi' 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 != &quot;&quot;'>
    <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>

7. Klik tombol SIMPAN TEMPLATE.

3 comments:

Comment Policies:

1. NO SPAM
2. NO LIVE LINK

Any violation will be deleted within 24 hours, thanks for your attention.

Template images by Ollustrator. Powered by Blogger.