Cara menampilkan widget di URL halaman postingan yang diinginkan saja

HaiSob apa kabar? Tutorial berikut ini memang sudah banyak di tulis dan dibagikan, tapi saya bagikan lagi kepada kamu yang belum tahu bagaimana cara menampilkan widget hanya pada halaman URL postingan tertentu yang diinginkan saja.

Mungkin sobat sudah pernah berkunjung di blog di luar sana dan menemukan dimana widgetnya hanya tampil di postingan tertentu saja dan tidak tampil di postingan lain, mungkin karna keinginan pemilik blog itu atau permintaan dari orang yang ingin memasangkan widget itu (contohnya iklan). Sebenarnya caranya kita hanya menambahkan tag kondisional saja pada widget-widget ini.

Menampilkan Widget di URL/Link Posting Tertentu


Menampilkan Widget di URL/Link Posting Tertentu
menampilkan widget pada halaman postingan tertentu atau URL yang diinginkan saja

Baiklah sobat berikut adalah tutorial bagaimana cara menampilkan widget blog hanya di URL/Link postingan yang kita inginkan saja.

Misalnya kita hanya akan menampilkan widget pada postingan: http://www.haisob.com/2017/06/cara-menampilkan-widget-hanya-pada-label-tertentu-dan-sebaliknya.html maka widget ini hanya akan muncul di postingan ini dan tidak akan muncul di postingan lain.

Cara membuat widget tampil hanya pada Link URL Blog tertentu di Blogger


1. Di Blogger 😀 ➔ Tata letak ➔ Pilih widget
2. Lihat ID widget yang ingin sobat tampilkan pada halaman posting 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 tambahkan tag kondisional (kode warna merah dibawah) 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:blog.url == &quot;http://www.haisob.com/2017/06/cara-menampilkan-widget-hanya-pada-label-tertentu-dan-sebaliknya.html&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. Ganti link/url: http://www.haisob.com/2017/06/cara-menampilkan-widget-hanya-pada-label-tertentu-dan-sebaliknya.html dengan link url postingan yang sobat inginkan.
7. Save Template.

Jika sobat ingin yang sebaliknya yaitu:

Menyembunyikan widget di url halaman postingan tertentu


Pada langkah ke 5 diatas ubah kode:
<b:if cond='data:blog.url == &quot;http://www.haisob.com/2017/06/cara-menampilkan-widget-hanya-pada-label-tertentu-dan-sebaliknya.html&quot;'>
menjadi:
<b:if cond='data:blog.url != &quot;http://www.haisob.com/2017/06/cara-menampilkan-widget-hanya-pada-label-tertentu-dan-sebaliknya.html&quot;'>

Sekian cara menampilkan widget di URL/Link halaman postingan tertentu atau hanya pada postingan yang diinginkan saja dan sebaliknya cara menyembunyikan widget di url halaman postingan tertentu. Semoga bermanfaat.
Join This Site