Tag Kondisional Untuk Menampilkan Dan Menyembunyikan Widget

Tag Kondisional Untuk Menampilkan Dan Menyembunyikan Widget - Selain mudah dalam penerapan, Tag Kondisional banyak sekali manfaatnya, selain untuk mengkostumisasi tampilan pada tiap halaman, tag kondisional juga berguna untuk menampilkan dan menyembunyikan widget pada halaman tertentu.

Banyak sekali tag kondisional yang bisa kita dimanfaatkan untuk memanipulasi (mempersonalisai) baik dari segi dukungan dalam desain tampilan atau mempersonalisasi widget-widget dalam hal menampilkan dan menyembunyikan.

① mengkostumisasi tampilan pada tiap halaman

Widget yang kita pergunakan/pasang pada halaman blog, baik widget manual ataupun widget bawaan blogger akan selalu tampil pada setiap halaman, hal ini tentunya akan membuat loading blog akan berat, apalagi jika halaman tertentu tidak membutuhkan widget tertentu untuk dipergunakan (tidak terlalu berfungsinya widget pada halaman tersebut), untuk mengatasi hal tersebut kita bisa menambahkan tag kondisional untuk tidak tampilnya widget tersebut pada halaman tertentu.

Integrasi Tag Kondisional Pada Widget

Seperti dijelaskan pada postingan sebelumnya, sebelum menambahkan tag kondisional kita harus mengetahui Id dari widget yang akan kita tampilkan ataupun sembunyikan pada halaman tertentu, untuk lebih jelas cara mengetahui Id widget masuk Link Ini.

Sebagai contoh saya menggunakan Id widget 'HTML5', jika kita ingin widget dengan id widget html5 hanya tampil pada halaman Item (posting) saja, maka kita perlu menambahkan/menyisipkan tag kondisional dengan perintah hanya tampil pada halaman posting, seperti ini:

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

dan letakan tag kondisional tersebut dibawah kode <b:includable id='main'> dan penutup tag </b:if> letakan diatas kode </b:includable>, secara keselurahn kode Id widget HTML5 menjadi seperti ini:

<b:widget id='HTML5' 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>

Untuk memodifikasi dalam hal menampilkan atau menyembunyikan widget-widget pada halaman lainnya, kalian bisa menambahkan tag kondisional untuk halaman-halaman lainnya dengan melihat macam tag kondisional pada Link Ini.