Cara Menampilkan Widget Hanya di Halaman Label Tertentu

Dalam dua posting sebelumnya ane pernah membahas tentang cara membuat widget hanya tampil di homepage dan cara membuat widget hanya tampil di halaman posting. Nah, kali ini ane akan membahas cara menampilkan widget hanya di halaman tertentu lainnya, yaitu Label. Jadi, widget ini hanya muncul di halaman label tertentu sedangkan pada halaman yang lainnya widget tersebut tidak kelihatan.

Untuk membuat widget hanya tampil di halaman label, kita perlu menyisipkan suatu kode tertentu. Caranya mirip seperti membuat widget hanya tampil di home page dan halaman posting. Berikut ini langkah-langkahnya:

1. Masuk ke akun Blogger Ente.

2. Klik Rancangan >> Edit HTML.

3. Back-up template dulu untuk berjaga-jaga dengan cara klik Download TemplateLengkap.

4. Beri tanda centang di Expand Template Widget.

5. Cari kode widget id untuk widget yang ingin ditampilkan hanya di halaman label. Contoh, untuk widget Alexa yang berjudul Alexa Traffic Rank, maka kodenya akan tampak seperti di bawah ini.

<b:widget id='HTML2' locked='false' title='Alexa Traffic Rank' 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. Misalnya ane mau widget Alexa ini hanya tampil pada halaman Label Tutorial Blog maka ane tambah kode <b:if cond='data:blog.url == &quot;http://health-blogger-mania.blogspot.com/search/label/Tutorial%20Blog&quot;'> 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='HTML2' locked='false' title='Alexa Traffic Rank' type='HTML'>

<b:includable id='main'>

<b:if cond='data:blog.url == &quot;http://health-blogger-mania.blogspot.com/search/label/Tutorial%20Blog&quot;'>

  <!-- 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>

• Silakan ganti health-blogger-mania dengan nama blog Ente.
• Tutorial%20Blog dengan label yang Ente inginkan, spasi diganti dengan %20.
• (Tips: buka halaman label yang Ente mau, lalu copy URL halaman label tersebut pada address bar browser lalu ganti http://health-blogger-mania.blogspot.com/search/label/Tutorial%20Blog dengan URL hasil copy-an tersebut)

7. Klik tombol SIMPAN TEMPLATE.