Tutorial berikut ini adalah bagaimana cara menampilkan widget hanya pada postingan dengan label tertentu atau widget hanya tampil pada label yang kita inginkan.

Mungkin sobat sudah pernah berkunjung ke blog diluar sana dan menemukan dimana widgetnya hanya di tampilkan di halaman dengan label tertentu saja, itu karna keinginan pemilik blog atau mungkin saja permintaan orang lain (contohnya pemasang iklan).

Bagaimana cara menampilkan widget hanya lebel tertentu? 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 Menampilkan Widget Pada Label Tertentu / Label Yang Diinginkan Saja di Blogger


Cara Menampilkan Widget Blog Hanya Pada Lebel Tertentu
Cara Menampilkan Widget Blog Hanya Pada Lebel Tertentu

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
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.
0 Komentar untuk "Cara Menampilkan Widget Blog Hanya Pada Lebel Tertentu"