Menampilkan Widget di Homepage atau Halaman Posting

Baca Juga

Daftar isi: [Tampil]

Menampilkan Widget di Homepage atau Halaman Posting - Apabila widget blog kita terlalu banyak di homepage, kita bisa menampilkannya di halaman posting atau di halama-halaman tertentu. Apakah bisa seperti itu? Ya bisa donk, caranya lumayan simple kalo untuk seorang Blogger yang udh ngerti tentang HTML. Tutorial ini hanya untuk Blogspot saja sob, untuk yang lain mana bisa.

Langkah-langkah yang harus dilewati :

1. Mencari ID Widget

Sebelum kita mengeditnya, kita harus mencari ID Widgetnya.

2. Memberikan Conditional Tag pada Elemen Widget

Untuk menampilkan widget tertentu, kita menambahkan conditional tag pada element widget yang diinginkan. Cara menambahkan conditional tag pada elemen widget :
a. Masuk ke akun Blogger.com (Dashboard > Template)
b. Klik Edit HTML > Procced
c. Sebelum mengeditnya, jangan lupa mencentang Expand Template Widget untuk menampilkan seluruh kode yang ada di template Anda.
d. Tekan CTRL+F (untuk mempercepat pencarian), masukkan id widget yang ingin di edit tadi.

e. Kemdian tambahkan conditional tag setelah <b:includable id='main'> dan tag penutupnya sebelum </b:includable>.

Cara Menampilkan Widget Hanya di HomePage

<b:widget id='HTML3' locked='false' title='Site Info' 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 != &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>

Cara Menampilkan Widget Hanya di Halaman Posting

<b:widget id='HTML3' locked='false' title='Site Info' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType == "item"'>  <!-- 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>

Cara Menampilkan Widget di Halaman Tertentu

<b:widget id='HTML3' locked='false' title='Site Info' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.url == "Ganti dengan URL Halaman di sini"'>  <!-- 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>

Jika semua sudah diatur tinggal di Save Template.
Semoga tutorial ini bermanfaat bagi sobat semua, sekian terima kasih.