Cara Tampilkan Widget Hanya di Homepage atau Postingan

Sahabat kabeka || widget adalah kebutuhan primer di blog, widget ini tentu berguna bagi tampilan/fungsi suatu blog. Ada banyak macam, jenis, tampilan, dan kegunaannyaa,,, namun kita seringkali memasang widget yang tidak sesuai dengan halaman homepage tetapi sesuai dengan halaman postingan,, atau bisa juga sebaliknya.

Untuk mengatasi hal tersebut,, sebaiknya kita mengaturnya dengan script dibawah sobat :)
Oke,, di stop basa basinya :D silahkan simak tutorial dibawah...


Kenali Widget Yang Ingin Di Atur..

Pertama-tama, yang sobat harus lakukan terlebih dahulu adalah, kenali widget yang sobat ingin atur peletakkanya(tampil), apakah sobat ingin tampilkan di homepage/halaman depan atau halaman postingan blog sobat saja..

oke jika sudah, silahkan ke "Template" >> "Edit HTML"

Tampilkan Widget Hanya Pada Halaman Depan/Homepage

Seperti yang sudah saya jelaskan diatas, maka sekarang cari elemen html widget tersebut.. misalnya disini Kabeka akan mengatur dimana widget "Join This Site" akan hanya tampil pada Homepage..

Lalu Tambahkan Kode berikut...

<b:if cond='data:blog.url == data:blog.homepageUrl'>
Kode widget
</b:if>

Jika dikondisikan dengan elemen widget "Join This Site" yang kabeka pilih tadi maka scriptnya akan seperti ini..

</b:section></div>
  <div id='footer4'><b:section class='footer' id='footer4nya'>
  <b:widget id='HTML2' locked='false' title='Join This Site' 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>

Lalu Save dan lihat hasilnya...

 Tampilkan Widget Hanya Pada Halaman Postingan

Jika sobat ingin mengaktifkan widget tersebut hanya pada halaman postingan, silahkan gunakan kode dibawah...

<b:if cond='data:blog.pageType == "item"'>Kode widget
</b:if>

 Tampilkan Widget Hanya Pada Halaman Tertentu(Diinginkan)

Jika sobat ingin mengaktifkan widget tersebut hanya pada halaman yang sobat inginkan, silahkan gunakan kode dibawah ini..

<b:if cond='data:blog.url == "URL Halaman"'>Kode Widget
</b:if>

contoh penggunaanya..

</b:section></div>
  <div id='footer4'><b:section class='footer' id='footer4nya'>
  <b:widget id='HTML2' locked='false' title='Join This Site' type='HTML'>
    <b:includable id='main'><b:if cond='data:blog.url == http://www.kabeka.net/p/sitemap.html'>

  <!-- 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>

nah jika sudah dipastikan benar.. silahkan sobat Save Templatenya dan lihat hasilnya :)


Sekian yang bisa bagikan kali ini,, mohon maaf postingan terbaru kabeka baru muncul :) karena di Real Life lagi banyak kegiatan ini itu + sekolah :D hehe..

Terimakasih sudah berkunjung ya sobat... semoga apa yang Kabeka bagi hari ini bermanfaat.. Salam  Blogger !!

Related Posts:

Tweet