Beragam Jenis Dan Fungsi Tag Kondisional Pada Template

Beragam Jenis Dan Fungsi Tag Kondisional Pada Template

Jika anda sering mengutak-atik template pasti anda melihat beberapa kode yang di awali dengan kode <b:if cond> dan di tutup dengan kode </b:if> . jika blogger newbie pasti anda akan bingung, apa yang di maksud dengan kode tersebut dan apa fungsinya. Simak terus hingga akhir artikel ini.

Tag kondisional merupakan rangkaian kode pembungkus untuk untuk menampilkan, menyembunyikan dan mengelola bagian dari elemen tertentu untuk tampil di dalam sebuah blog. Umumnya banyak sekali macam dan fungsi dari tag kondisional, namun disini saya akan sedikit menguraikan Beragam Jenis Tag kondisional dan fungsinya yang sering di temukan pada template khusus untuk platform blogspot.

Tag 1 (Homepage)


Tampil hanya di halaman Utama atau Homepage.

<b:if cond='data:blog.url == data:blog.homepageUrl'>
Tambahkan Widget, Css, Javascript Disini
</b:if>

Tag 2 (Homepage)


Tampil di semua halaman kecuali halaman Utama atau homepage

<b:if cond='data:blog.url != data:blog.homepageUrl'>
Tambahkan Widget, Css, Javascript Disini
</b:if>

Tag 3 (Post)


Tampil di semua halaman postingan

<b:if cond='data:blog.pageType == &quot;item&quot;'>
Tambahkan Widget, Css, Javascript Disini
</b:if>

Tag 4 (Post)


Tampil di semua halaman kecuali halaman postingan

<b:if cond='data:blog.pageType != &quot;item&quot;'>
Tambahkan Widget, Css, Javascript Disini
</b:if>

Tag 5 (Post)


Tampil Hanya postingan tertentu

<b:if cond='data:blog.pageType == &quot;alamat-postingan&quot;'>
Tambahkan Widget, Css, Javascript Disini
</b:if>

Tag 6 (Post)


Menyembunyikan widget di halaman tertentu

<b:if cond='data:blog.pageType != &quot;alamat-postingan&quot;'>
Tambahkan Widget, Css, Javascript Disini
</b:if>

Tag 7 (Static Page)


Hanya menampilkan di halaman Statis

<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
Tambahkan Widget, Css, Javascript Disini
</b:if>

Tag 8 (Static Page)


Tampil disemua halaman kecuali halaman Statis

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
Tambahkan Widget, Css, Javascript Disini
</b:if>

Tag 9 (Archive)


Tampil hanya di halaman archive

<b:if cond='data:blog.pageType == &quot;archive&quot;'>
Tambahkan Widget, Css, Javascript Disini
</b:if>

Tag 10 (Archive)


Tampil di semua halaman kecuali halaman archive

<b:if cond='data:blog.pageType != &quot;archive&quot;'>
Tambahkan Widget, Css, Javascript Disini
</b:if>

Tag 11 (Khusus halaman Mobile)


Tampil hanya di halaman mobile (ponsel)

<b:if cond='data:blog.isMobile'>
Tambahkan Widget, Css, Javascript Disini Untuk Perangkat Mobile (HP)
</b:if>

Tag 12 (Khusus halaman Mobile)


Menyembunyikan dari halaman Mobile (Ponsel)

<b:if cond="!data:blog.isMobile">
Tambahkan Widget, Css, Javascript Disini yang Tidak Ingin Tampil Di Perangkat Mobile (HP)
</b:if>


Tag 13 (Label)


Tampil dihalaman label

<b:if cond='data:blog.searchLabel'>
Tambahkan Widget, Css, Javascript Disini Untuk Bagian Search label
</b:if>

Anda Juga bisa menggabungkan Kode diatas jika ingin widget tertentu tampil di 2 halaman berbeda, Seperti contoh berikut:

<b:if cond='data:blog.searchLabel'>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
Tambahkan Widget, Css, Javascript Disini Untuk Bagian Search label
</b:if>
</b:if>

Jadi jika anda ingin menambahkan 2 tag kondisional sekaligus maka anda juga harus menambahkan kode penutupnya yaitu </b:if>

Sebagai Contoh anda bisa melihat sebuah tag kondisional yang hanya tampil di halaman utama mobile pada artikel tentang Membuat Tombol Berbagi Ke Sosial Media Disini.

Demikian dan semoga apa yang saya share kali ini sedikit menambah pengetahuan anda agar anda bisa menyesuaikan template yang anda gunakan sesuai dengan keinginan anda.

Salam hangat & Happy Blogging.
Advertisement
Advertisement

Artikel Terkait

CEO sekaligus Content Specialist di trikricky.com. Jangan lupa bahagia.