Cara menampilkan widget hanya pada lebel yang diinginkan saja

HaiSob apa kabar lagi? Tutorial berikut ini memang sudah banyak di tulis, tapi saya bagikan lagi kepada kamu yang belum tahu bagaimana cara membuatnya. Tutorial berikut ini adalah bagaimana cara menampilkan widget hanya pada postingan berlabel tertentu yang kita inginkan saja.

Mungkin sobat sudah pernah berkunjung ke blog-blog lain dan menemukan dimana widgetnya hanya di tampilkan di halaman-halaman dengan label tertentu saja, mungkin karna keinginan pemilik blog itu atau permintaan dari orang yang ingin memasangkan widget itu (contohnya iklan).

Menampilkan Widget pada Lebel Tertentu


tutorial cara menampilkan Widget pada Lebel tertentu di Blog
Menampilkan widget pada label tertentu atau label yang diinginkan saja

Baiklah sobat berikut adalah tutorial bagaimana cara menampilkan widget blog hanya di halaman pada label yang kita inginkan saja, misalnya contoh di sini widget hanya tampil pada postingan berlabel Tutorial Blog dan tidak akan tampil di halaman lain.

Cara membuat widget tampil hanya pada label yang diinginkan di Blogger


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

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

4. Cari widgetnya contoh disini kode widgetnya HTML9. Seperti pada gambar pada langkan ke 2 di atas. Misalnya kode yang kamu 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>
5. Silahkan sobat ubah kode diatas 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>
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.
7. Save Template.

Sekian cara menampilkan widget hanya pada label tertentu atau hanya pada lebel yang diinginkan saja. Semoga bermanfaat.
Join This Site