Tag Kondisional Blogger dan Cara Penggunaannya
Table Of Contents
Munngkin Anda sudah sangat sering mendengar kata tag cond atau tag kondisional, jika Anda baru terjun dalam dunia blogging pasti Anda akan merasa bingung, apa itu tag kondisional dan bagai mana fungsinya tag kondisional tersebut? seperti Saya waktu petama kali juga seperti itu, Saya tidak tau apa tag kondisional itu.
Tetapi setelah lama Saya belajar kesana kemari tentang coding, akhirnya Saya sedikit mengerti fungsi dari tag kondisional tersebut. Tag kondisional adalah tag untuk mengatur bagian elemen-elemen tertentu agar tampil atau tidak tampil, berfungsi atau tidak berfungsi dalam halaman spesifik yang telah ditentukan.
Sebenarnya banyak bentuk tag kondisional, tapi disini Saya hanya akan menjelaskan sedikit yang Saya tau saja tentang Fungsi Tag Kondisional untuk platform Blogspot.
Tag Kondisional Blogger
Tag Kondisional untuk halaman homepage.
<b:if cond='data:blog.url == data:blog.homepageUrl'>
ISI KODE DISINI
</b:if>Tag Kondisional untuk halaman Postingan.
<b:if cond='data:blog.pageType == "item"'>
ISI KODE DISINI
</b:if>Tag Kondisional untuk halaman Statis.
<b:if cond='data:blog.pageType == "static_page"'>
ISI KODE DISINI
</b:if>Tag Kondisional untuk halaman Indeks.
<b:if cond='data:blog.pageType == "index"'>
ISI KODE DISINI
</b:if>Tag Kondisional untuk halaman Label.
<b:if cond='data:blog.searchLabel'>
ISI KODE DISINI
</b:if>Tag Kondisional untuk halaman tertentu.
<b:if cond='data:blog.url == "URL HALAMAN"'>
ISI KODE DISINI
</b:if>Tag Kondisional untuk halaman error page 404.
<b:if cond='data:blog.pageType == "error_page"'>
ISI KODE DISINI
</b:if>Tag Kondisional untuk halaman arsip.
<b:if cond='data:blog.pageType == "archive"'>
ISI KODE DISINI
</b:if>Cara Penggunaan Tag Kondisional.
Disini saya akan memberi contoh penggunaan tag kondisional untuk menyembunyikan widget Recent comment di halaman posting (item) dan akan di tampilkan hanya di halaman depan/beranda (Homepage) saja, untuk kode widget Recent comment biasanya seperti ini.
<b:widget id='HTML3' locked='false' title=' recent comment' type='HTML'>
<b:includable id='main'><!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/>
</h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>Agar widget tersebut bisa tampil hanya di halaman depan saja, kita tinggal sisipkan Tag Kondisional untuk menampilkan hanya di homepage saja, tag kondisionalnya seperti ini.
<b:if cond='data:blog.url == data:blog.homepageUrl'>Jadi kode selengkapnya seperti di bawah ini.
<b:widget id='HTML3' locked='false' title=' recent comment' 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 != ""'>
<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>Di atas hanyalah sebuah contoh saja, Anda bisa berkreasi dan di kembangkan lagi. Demikian artikel tentang Cara Penggunaan dan Fungsi Tag Kondisional.
Komentar