Fungsi Tag Kondisional Dan Cara Penggunaannya

Munngkin Anda sudah sangat sering mendengar kata tag cond atau tag kondisional, jika Anda baru terjun dalam dunia blogging pasti anda akan bingung, apa itu tag kondisional, dan bagai mana fungsi nya 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 yang saya tau saja tentang Fungsi Tag Kondisional untuk platform blogspot.
Baca juga Cara Menggunakan "b:includable" dan "b:include"

Tag Kondisional untuk halman homepage.
<b:if cond='data:blog.url == data:blog.homepageUrl'>

ISI KODE DISINI

</b:if>

Tag Kondisional Halaman Postingan
<b:if cond='data:blog.pageType == &quot;item&quot;'>

ISI KODE DISINI

</b:if>

Tag Kondisional Halaman Statis
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>

ISI KODE DISINI

</b:if>

Tag Kondisional Halaman Indeks
<b:if cond='data:blog.pageType == &quot;index&quot;'>

ISI KODE DISINI

</b:if>

Tag Kondisional Halaman Label
<b:if cond='data:blog.searchLabel'>

ISI KODE DISINI

</b:if>

Tag Kondisional Halaman Tertentu
<b:if cond='data:blog.url == &quot;URL HALAMAN&quot;'>

ISI KODE DISINI

</b:if>

Tag Kondisional Error Page 404
<b:if cond='data:blog.pageType == &quot;error_page&quot;'>

ISI KODE DISINI

</b:if>

Tag Kondisional Halaman Arsip
<b:if cond='data:blog.pageType == &quot;archive&quot;'>

ISI KODE DISINI

</b:if>


Cara penggunaan Tag Kondisional.
Baca juga: Mengatasi Warning Dari JS-JS AMP Pada AMP Validator.

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 kembang kan lagi.
Demikian artikel tentang Fungsi Tag Kondisional Dan Cara Menggunakannya

Reaksi:
Share this with short URL:

You Might Also Like:

How to style text in Disqus comments:
  • To write a bold letter please use <strong></strong> or <b></b>.
  • To write a italic letter please use <em></em> or <i></i>.
  • To write a underline letter please use <u></u>.
  • To write a strikethrought letter please use <strike></strike>.
  • To write HTML code, please use <code></code> or <pre></pre> or <pre><code></code></pre>.
    And use parse tool below to easy get the style.
Show Parser Hide Parser