Mengenal Tag Conditional Untuk Blogger

Menjalankan instruksi tertentu pada blogspot merupakan aktifitas yang biasa dilakukan. Dalam banyak kebutuhan, menggunakan Conditional tag sangat membantu bahkan dibutuhkan untuk melakukan pembatasan. Sebagai misal sebuah iklan hanya akan dipasang pada halaman tertentu, suatu widget hanya akan tampil jika diakses dari perangkat mobile, dan lain sebagainya.

Disamping memenuhi kebutuhan tertentu, Conditional tag juga dapat dimanfaatkan sebagai piranti untuk memperindah dan mempercantik tampilan, serta dapat dimanfaatkan untuk meningkatkan responsifitas blog. Dengan menyajikan kondisi-kondisi berbeda pada berbagai halaman, blog akan terasa lebih mengesankan bagi pengunjungnya.

Berikut ini adalah beberapa contoh penggunaan Conditional tag pada blogspot.

Tidak menjalankan obyek tertentu jika diakses melalui perangkat mobile:

<b:if cond=' data:blog.isMobileRequest == "false" '>
<!-- Execute -->
</b:if>

Ganti "false" menjadi "true" jika menghendaki kondisi sebaliknya.
Contoh penerapan jika digabungkan dengan kondisi yang lain:

<b:if cond='!data:view.isMobile and data:view.isHomepage or data:view.isSearch'>
<!-- Execute -->
</b:if>

"Maksutnya jika bukan pada perangkat mobile dan berada pada halam utama atau halaman pencarian, maka obyek akan dijalankan"

Menjalankan obyek tertentu pada halaman index:

<b:if cond='data:view.isMultipleItems'> 
<!-- Execute --> 
</b:if>
atau
<b:if cond=' data:blog.pageType == "index" '> 
<!-- Execute --> 
</b:if>

Menjalankan obyek tertentu pada halaman utama "Home Page":

<b:if cond='data:view.isHomepage'> 
<!-- Execute --> 
</b:if>
atau
<b:if cond=' data:blog.url == data:blog.homepageUrl '> 
<!-- Execute --> 
</b:if>

Menjalankan obyek tertentu pada halaman arsip:

<b:if cond='data:view.isArchive'> 
<!-- Execute --> 
</b:if>
atau
<b:if cond=' data:blog.pageType == "archive" '> 
<!-- Execute --> 
</b:if>

Menjalankan obyek tertentu pada halaman item / posting:

<b:if cond='data:view.isPost'> 
<!-- Execute --> 
</b:if>
atau
<b:if cond=' data:blog.pageType == "item" '> 
<!-- Execute --> 
</b:if>

Menjalankan obyek tertentu pada halaman kesalahan 404:

<b:if cond='data:view.isError'> 
<!-- Execute --> 
</b:if>
atau
<b:if cond=' data:blog.pageType == "error_page" '> 
<!-- Execute -->
</b:if>

Menjalankan obyek tertentu pada halaman pencarian:

<b:if cond='data:view.isSearch and !data:view.isLabelSearch'> 
<!-- Execute --> 
</b:if>
atau
<b:if cond=' data:blog.searchQuery '> 
<!-- Execute --> 
</b:if>

Menjalankan obyek tertentu pada halaman label:

<b:if cond='data:view.isLabelSearch'> 
<!-- Execute --> 
</b:if>
atau
<b:if cond=' data:blog.searchLabel '> 
<!-- Execute --> 
</b:if>

Menjalankan obyek tertentu pada halaman statis:

<b:if cond='data:view.isPage'> 
<!-- Execute --> 
</b:if>
atau
<b:if cond=' data:blog.pageType == "static_page" '> 
<!-- Execute --> 
</b:if>

Menjalankan obyek tertentu pada halaman statis yang spesifik:

<b:if cond=' data:blog.url == data:blog.canonicalHomepageUrl + "p/sitemap.html" '> 
<!-- Execute --> 
</b:if>

Menjalankan obyek tertentu pada halaman pencarian dengan kata kunci spesifik:

<b:if cond=' data:blog.searchQuery == "Linuxer.ID" '> 
<!-- Execute --> 
</b:if>

Menjalankan obyek tertentu pada halaman item / posting yang spesifik:

<b:if cond=' data:blog.url == data:blog.canonicalHomepageUrl + "2019/10/ispconfig-free-cpanel-how-to-install.html" '> 
<!-- Execute --> 
</b:if>

Dan sebaliknya jika OBYEK tidak boleh dijalankan pada jenis halaman tertentu misalnya pada halaman index namun boleh dijalankan pada halaman lain maka cukup beri tanda "!":

<b:if cond=' data:blog.pageType != "index" '> 
<!-- Execute --> 
</b:if>

Menjalankan obyek tertentu pada halaman Preview:

<b:if cond='data:view.isPreview'> 
<!-- Execute --> 
</b:if>

Demikian semoga bermanfaat. Selamat mencoba.

Dipersembahkan Oleh: Linuxer.ID

Dipublikasikan di: