Cara Menampilkan Widget Di Halaman Tertentu


Hai Sahabat Blogger. Kali ini saya akan memberikan Tutorial mengenai bagaimana menampilkanWidget hanya pada halaman tertentu dengan menggunakan Tag Kondisional.

Tag Conditional

Untukmenampilkan widget di halaman tertentu, anda harus menambahkan conditional tags(b:if cond) pada elemen widget yang diinginkan. Berikut ini adalah langkah-langkahmenambahkannya.


  1. Masuk ke halamantemplate (Dashboard > Template)
  2. Klik "Edit HTML"
  3. Silahkan pilih widget yang ingin anda pilih
  4. Jangan lupa klik tanda ini 



  • Cara Menampilkan Widget Hanya di Halaman Utama/Indeks (Homepage)


<b:widget id='HTML11'locked='false' title='' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
  <!-- 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>


  • Cara Menampilkan Widget Hanya di HalamanPosting


<b:widget id='HTML11' locked='false' title='' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType =="item"'>
  <!-- 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>


  • Cara Menampilkan Widget Hanya di HalamanStatis


<b:widget id='HTML11' locked='false' title='' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType !="static_page"'>
  <!-- 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>


  • Cara Menampilkan Widget Hanya di Halaman Arsip (Archive)

<b:widget id='HTML11'locked='false' title='' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType =="archive"'>
  <!-- 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>


  • Cara Menampilkan Widget Hanya di SalahSatu Halaman (Berdasarkan URL)


<b:widget id='HTML11' locked='false' title='' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.url == "Gantidengan URL Halaman di sini"'>
  <!-- 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>


5. Setelah conditional tags ditambahkan, save template.


22 comments

  1. saya juga menerapkan cara ini di blog saya. widget yang tidak perlu saya sembunyikan dari home page, sehingga dengan begitu homepage saya terlihat lebih ringan.

    ReplyDelete
    Replies
    1. Yup, benar sekali gan, dengan begini blog kita menjadi lebih ringan dihalaman tertentu.

      Delete
  2. baru tau gan bisa ky gni, :D masih bingung..

    come back..

    ReplyDelete
  3. wah Keren sob..
    saya coba dulu

    ReplyDelete
  4. Cukup simpel aja ya bang kode nya.
    saya sudah terapkan ini di salah satu widget saya. lebih joss dah!
    salam kenal!

    ReplyDelete
  5. Menarik banget nih gan,,,,bisa di coba nih!
    tq sudah berbagi!

    ReplyDelete
    Replies
    1. Silahkan dicoba gan.... Gratis kok.. Senang bisa berbagi.

      Delete
  6. Bingung gan.
    Trus cara masang widgetnya gimana gan.
    misalnya ane pengen masang widget A ke Post B dan Widget X ke Post C, naha caranya gimana ntu gan?

    ReplyDelete
    Replies
    1. Nah kalau masalah yang seperti itu.
      Coba pasang widget di Salah Satu Post/Artikel Berdasarkan URL... Seperti tutor yang ada diatas.. ↑

      Delete
  7. Terima kasih atas artikelnya.
    o iya selama saya jelajah mencari ilmu dengan blogwalking, menurut saya
    anda memiliki kelebihan tersendiri dari situs-situs lain dan jujur potensi
    anda juga sangat bagus, banyak juga ilmu yang saya pelajari disini jika ada
    waktu saya akan berkunjung lagi.
    ditunggu kunjungan baliknya :D
    jangan lupa Follow back & Commant back ia
    buat tambahan nilai softskill saya... makasih
    http://rizkyadipranata04.blogspot.com/2013/04/teori-organisasi-umum-2-biaya.html
    #Semoga sehat selalu :D
    di tunggu janjinya gan di blogwalking kb/20 follow back n comant back

    ReplyDelete
    Replies
    1. Oke. Trimakasih, saya akan berusaha lebih baik lagi dari sebelumnya.

      Delete
  8. cocok nhe tutorial buat MAHASISWA GO BLOG kayak ane

    oh ya, ditunggu followbacknya Mas Bro

    ReplyDelete
  9. okeh sob nnanti tak praktekin ..
    thanks udh mw berbagi

    ReplyDelete
  10. thanks sob atas infonya, jadi tau nih caranya.

    ReplyDelete
  11. Terima kasih brooo ilmunya....?

    ReplyDelete
  12. Terima kasih brooo ilmunya....?

    ReplyDelete

Post a Comment

Halaman

Copyright © 2018 Irfan's Blog