Membuat Widget Blog Hanya Tampil Pada Halaman Tertentu


July 02, 2017

Cara menampilkan widget blog pada halaman tertentu sebenarnya cukup mudah, jika kalian pernah belajar tentang Java Script, caranya mungkin hampir sama seperti preintah logika "if" pada Java Script.


Menampilkan Widget hanya pada Home Page

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

Keterangan == yang bermaksud bahwa jika url blog kalian "sama dengan" Home Page blog Kalian.



Menampilkan widget pada semua halaman, kecuali Home Page

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

Keterangan != artinya diterapkan pada semua url blog "kecuali" Url Home Page blog kalian.



Menampilkan widget pada semua halaman postingan saja

 
<b:if cond='data:blog.pageType == &quot;item&quot;'>
 


Menampilkan widget kecuali pada semua halaman postingan saja

 
<b:if cond='data:blog.pageType != &quot;item&quot;'>
 


Menampilkan widget "hanya" pada URL tertentu

 <b:if cond='data.blogpageType == &quot;UrlTertentu&quot;'>...................</b:if>

Keterangan ganti kode berwarna Merah dengan Url yang diinginkan.



Menampilkan widget "kecuali" URL tertentu

 <b:if cond='data.blogpageType != &quot;UrlTertentu&quot;'>...................</b:if>

Keterangan ganti kode berwarna Merah dengan Url yang diinginkan.



Jadi intinya kalian bisa menampilkan widget ataupun tidak pada halaman tertentu dengan kata kunci == unutk menampilkan pada halaman itu saja, atau != untuk tidak menampilkan pada halam itu saja.



Note:

  1. Copy <b:if cond='..............'> yang ingin diterapkan
  2. Letakkan kodenya setelah kode <b:includable id='main'>
  3. Jagan lupa, tambahkan kode </b:if:> sebelum kode </b:includable>
Contoh penerapannya, jika ingin menampilkan widget "PopularPosts" pada semua halaman kecuali pada semua halaman postingan.

 
<b:section class='header' id='header'>
 <b:widget id='PopularPosts1' locked='false' title='Popular Posts' type='PopularPosts'>
  <b:includable id='main'>
   <b:if cond='data:blog.pageType != &quot;item&quot;'>
.........................................................
.........................................................
.........................................................
   </b:if:>
  </b:includable>
 </b:widget>
</b:section>
 


Referensi
  1. regibrader.com
  2. madamvia.web.id