Cara Menampilkan dan Menyembunyikan Widget pada Lebel tertentu

HaiSob apa kabar 😊 ? Pada kesempatan ini saya akan membagikan tutorial cara menampilkan dan menyembunyikan Widget pada Lebel tertentu di Blog. Pastinya ada alasan tertentu sobat ingin menampilkan widget hanya pada label tertentu atau hanya pada label yang diinginkan saja, misalnya jika widget tersebut memuat iklan berbentuk iklan Download maka lebih cocok di tampilkan pada postingan berlabel Game.

Semisal sobat mendaftar menjadi publiser iklan dari berbagai macam jenis PPC dan iklannya ada bebagai jenis, maka agar lebih efektif jika menampilkan iklan ini sesuai atau berhubungan dengan topik yang dibahas.

Menampilkan dan Menyembunyikan Widget pada Lebel tertentu


tutorial cara menampilkan dan menyembunyikan Widget pada Lebel tertentu di Blog
Menampilkan widget pada label tertentu

Contoh lain lagi misalnya sobat memasang iklan Adsense, dan di label tertentu menampilkan artikel yang melanggar kebijakan, maka sobat dapat menggunakan cara ini untuk menampilkannya hanya di postingan yang tidak melanggar kebijakan.

Cara membuat widget hanya tampil pada label tertentu di Blogger 


Langkah 1. Di Blogger 😀 ➔ Tata letak
Langkah 2. Lihat ID widget yang ingin sobat tampilkan pada label tertentu. Contoh disini ID widget adalah HTML9.
Widget Blogger
Widget Blogger HTML9

Langkah 3.  Jika sudah, Pilih menu Template ➔ Edit HTML
Template - Edit HTML
Template - Edit HTML

Langkah 4. Cari widgetnya contoh disini kode widgetnya HTML9.(pakai tombol Ctrl+F biar cepet). Misalnya yang sobat temukan:
<b:widget id='HTML9' locked='false' title='' type='HTML'>
<b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h3 class='title'><data:title/></h3>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>
</b:includable>
</b:widget>
Langkah 5. Ubah Menjadi:
<b:widget id='HTML9' locked='false' title='' type='HTML'>
<b:includable id='main'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.name == &quot;Tutorial%20Blog&quot;'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h3 class='title'><data:title/></h3>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>
</b:if>
</b:loop>
</b:includable>
</b:widget>
Langkah 6. Kode berwarna merah diatas Tutorial%20Blog adalah nama label blog yang ingin saya tampilkan widget yang saya inginkan. Ganti nama label dengan nama label milik sobat sobat,  kode %20 adalah kode spasi dalam mode HTML.

Cara membuat widget tidak tampil pada label tertentu di Blogger 


Sebaliknya jika sobat tidak ingin menampilkan widget pada label tertentu maka pada langkah ke 5, ubah tag kondisional (kode warna merah) menjadi:

<b:if cond='data:label.name != &quot;Tutorial%20Blog&quot;'>

Langkah 7. Terakhir tinggal save.

Sekian cara menampilkan widget hanya pada label tertentu dan sebaliknya cara membuat widget tidak tampil pada label tertentu di Blogger. Semoga bermanfaat.