Fungsi Tag Kondisional Pada Blog

Kali ini saya akan bahas tentang Fungsi Tag Kondisional Pada Blog.

Kebanyakan dari blogger yang masih baru menjelajahi dunia maya, biasanya hanya mengenal setengah dari basic HTML, CSS dan JavaScript.

Dan itu termasuk Kang Wira sendiri, pastinya sangat awam dengan Tag Kondisional dalam dunia codding.

Apa Itu Tag Kondisional ?

Tag Kondisional adalah tag yang digunakan untuk mengatur elemen-elemen tertentu agar tampil atau tidak tampil pada template, berfungsi atau tidak berfungsi dalam halaman spesifik yang telah ditentukan.

Begitu banyak bentuk tag kondisional dalam dunia kode, tapi kali Saya hanya akan menjelaskan tentang Fungsi Tag Kondisional untuk platform blogspot.

Baca juga: Cara Menampilkan Widget Hanya di MOBILE Device

Penerapan Fungsi Tag Kondisional Pada Blog

Contoh Penempatan :

 <b:if cond='data:blog.pageType != "static_page"'>
..... Isi konten yang akan di bungkus tag kondisional
</b:if>

Fungsi kode Tag Kondisional diatas adalah Konten akan disembunyikan di halaman statis

 <b:if cond='data:blog.url == data:blog.homepageUrl'>
..... Isi konten yang akan di bungkus tag kondisional
</b:if>

Fungsi kode Tag Kondisional diatas adalah Konten Hanya akan Tampil di halaman Beranda / Homepage Blog

Kode diatas Hanya sebagai Patokan saja, Selebihnya kamu bisa lihat beberapa contoh penerapan Fungsi Tag Kondisional untuk Widget yang akan ditampilkan atau di sembunyikan dibawah ini.

Menampilkan widget hanya dihalaman Homepage

 <b:widget id='HTML100' locked='false' title='Recent Posts' 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:if>
</b:includable>
</b:widget>

Menampilkan widget hanya dihalaman Postingan

 <b:widget id='HTML100' locked='false' title='Recent Posts' 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 != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
</b:if>
</b:includable>
</b:widget>

Baca juga: Cara Menampilkan Widget diatas Artikel

Menampilkan widget hanya dihalaman Tertentu

 <b:widget id='HTML100' locked='false' title='Recent Posts' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.url == "URL Kamu"'>
<!-- 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:if>
</b:includable>
</b:widget>

Ganti URL Kamu dengan URL yang kamu mau

Menyembunyikan widget hanya dihalaman Tertentu

 <b:widget id='HTML100' locked='false' title='Recent Posts' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.url != "URL kamu"'>
<!-- 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:if>
</b:includable>
</b:widget>

Ganti URL Kamu dengan URL yang kamu mau

Menampilkan widget hanya dihalaman Statis

 <b:widget id='HTML100' locked='false' title='Recent Posts' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType == "static_page"'>
<!-- 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:if>
</b:includable>
</b:widget>

Menyembunyikan widget hanya dihalaman Statis

 <b:widget id='HTML100' locked='false' title='Recent Posts' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType != "static_page"'>
<!-- 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:if>
</b:includable>
</b:widget>

Menampilkan widget hanya dihalaman Arsip

 <b:widget id='HTML100' locked='false' title='Recent Posts' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType == "archive"'>
<!-- 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:if>
</b:includable>
</b:widget>

Setelah Kamu terapkan Fungsi Kode Tag Kondisional diatas, Silahkan kamu simpan dan lihat hasilnya.

Baca juga: Membuat Halaman Recent Post by Lable

Sebenarnya tidak hanya pada Widget saja kamu bisa menerapkan Fungsi Tag Kondisional ini, tapi kamu juga bisa membungkus elemen lain seperti HTML, CSS dan JavaScript pada template kamu, yang berguna juga untuk mempercepat loading blog karena mengurangi script yang terbaca dalam suatu halaman atau alasan lainnya.

Demikianlah Artikel tentang Fungsi Tag Kondisional Pada Blog yang sudah saya sampaikan kali ini. Semoga Artikel nya bermanfaat dan jangan lupa isi komentar dibawah apabila ada terjadi kesalahan dalam artikel ini.