Kumpulan Tag Kondisional Blogger Beserta Fungsinya

Kumpulan Tag Kondisional Blogger Beserta Fungsinya

Cara Menampilkan Widget Di Halaman Tertentu Dengan Tag Kondisional

Conditional Tags Untuk Menampilkan Widget Di Halaman Tertentu, Tutorial Cara Menampilkan Sebuah Widget Hanya Di Halaman Tertentu, seperti hanya di postingan, homepage, statistik, archive, mobile....

Bagi kalian yang ingin agar sebuah widget atau css, javascript hanya tampil di halaman yang kita inginkan, maka gunakan lah tag kondisional (Conditional Tags)..

Tag kondisional ini bisa juga untuk mempercepat loading blog dengan cara menyembunyikan widget / css yang tidak di butuhkan dalam sebuah halaman, seperti homepage blog, postingan, halaman archive...

Mungkin sebelumnya kalian suka menggabungkan semua css / javascript menjadi satu bagian, hal tersebut bisa membuat loading blog menjadi berat. Mungkin karena banyak script yang tidak di pakai terbaca oleh browser..

Walaupun tidak banyak mengurangi beban blog tapi setidaknya dengan cara ini struktur blog menjadi lebih rapih...

nah sekarang mari kita lanjut saja ke cara penggunaan tag kondisional pada blogger..

Cara Menampilkan widget hanya di halaman tertentu dengan tag kondisional


Berikut ini adalah kumpulan tag kondisional Blogger yang sudah saya ambil dari beberapa template blog yang sudah saya coba buka...

  • Tag Kondisional Untuk Menampilkan Widget Hanya Di Halaman Homepage (Halaman Depan)
  • 
    <b:if cond='data:blog.url == data:blog.homepageUrl'>
    Masukan Widget, Css, Javascript Disini
    </b:if>
    
  • Tag Kondisional Untuk Menampilkan Widget Di Semua Halaman Kecuali Homepage (Halaman Depan)
  • 
    <b:if cond='data:blog.url != data:blog.homepageUrl'>
    Masukan Widget, Css, Javascript Disini
    </b:if>
    
  • Tag Kondisional Untuk Menampilkan Widget Hanya Di Halaman Postingan Blog
  • 
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    Masukan Widget, Css, Javascript Disini
    </b:if>
    
  • Tag Kondisional Untuk Menampilkan Widget Di Semua Halaman Kecuali Halaman Postingan Blog
  • 
    <b:if cond='data:blog.pageType != &quot;item&quot;'>
    Masukan Widget, Css, Javascript Disini
    </b:if> 
    
  • Tag Kondisional Untuk Menampilkan Widget Hanya Di Postingan Tertentu
  • 
    <b:if cond='data:blog.pageType == &quot;alamat-postingan&quot;'>
    Masukan Widget, Css, Javascript Disini
    </b:if>
    
  • Tag Kondisional Untuk Menyembunyikan Widget Di Postingan Tertentu
  • 
    <b:if cond='data:blog.pageType != &quot;alamat-postingan&quot;'>
    Masukan Widget, Css, Javascript Disini
    </b:if>
    
    alamat-postingan Isi Dengan Url Postingan kalian... contoh
    
    <b:if cond='data:blog.pageType != &quot;https://mastamvan.blogspot.com/2016/08/kumpulan-tag-kondisional-blogger.html&quot;'>
    Masukan Widget, Css, Javascript Disini
    </b:if>
    
  • Tag Kondisional Untuk Menampilkan Widget Hanya Di Halaman Statistik / laman
  • 
    <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
    Masukan Widget, Css, Javascript Disini
    </b:if>
    
  • Tag Kondisional Untuk Menampilkan Widget Di Semua Halaman Kecuali Halaman Statistik / laman
  • 
    <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
    Masukan Widget, Css, Javascript Disini
    </b:if>
    
  • Tag Kondisional Untuk Menampilkan Widget Hanya Di Halaman Archive
  • 
    <b:if cond='data:blog.pageType == &quot;archive&quot;'>
    Masukan Widget, Css, Javascript Disini
    </b:if>
    
  • Tag Kondisional Untuk Menampilkan Widget Di Semua Halaman Kecuali halaman Archive
  • 
    <b:if cond='data:blog.pageType != &quot;archive&quot;'>
    Masukan Widget, Css, Javascript Disini
    </b:if>
    
  • Tag Kondisional Untuk Menampilkan Widget Hanya Di Perangkan Mobile (HP)
  • 
    <b:if cond='data:blog.isMobile'>
    Masukan Widget, Css, Javascript Disini Untuk Perangkat Mobile (HP)
    </b:if>
    
  • Tag Kondisional Untuk Menyembunyikan Widget Di Perangkan Mobile (HP)
  • 
    <b:if cond="!data:blog.isMobile">
    Masukan Widget, Css, Javascript Disini yang Tidak Ingin Tampil Di Perangkat Mobile (HP)
    </b:if>
    
  • Tag Kondisional Untuk Menyembunyikan Widget hanya Pada Label (Url Search Label)
  • 
    <b:if cond='data:blog.searchLabel'>
    Masukan Widget, Css, Javascript Disini Untuk Bagian Search label
    </b:if>
    

Kalian juga bisa menggabungkan Tag Kondisional agar tampil di beberapa widget, seperti hanya tampil di homepage dan di postingan, atau hanya tampil di postingan dan halaman statistik dll...

Itu lah Conditional Tags yang sudah saya rangkum dari beberapa blog dan template, semoga artikel tentnag Cara Menyembunyikan / menampilkan widget hanya di halaman tertentu menggunakan Conditional Tags ini bermanfaat ya :)

Apabila ada yang tidak di mengerti dalam pemasangan tag kondisional di blognya, silahkan bertanya di kolom komentar ya :)
5 komentar
  1. Thanks Gan... ternyata banyak sekali manfaat tag ini |o|

    ReplyDelete
    Replies
    1. wkwkw iya gan sama sama, semoga artikelnya bermanfaat :)

      Delete
  2. Kalau buat menampilkan widget tertentu sesuai label post gimana ?
    Misalkan, gua kan ada Widget Partners, nah mau digolongin, mana Partners blog, sama moding

    ReplyDelete
    Replies
    1. Udah ada gan d blog ane.
      Search aja.
      Membuat Recent Post By Label Di Laman

      Delete
  3. Mantab gan.... ane ikutan dapet manfaatnya... nuhun

    ReplyDelete