Mengenal conditional tag di blog

- Januari 25, 2013

Conditional tag itu kadang penting kadang kagak hehe..., ya bagi saya sangat penting, dengan kode ini anda bisa membedakan tampilan halaman artikel dan halaman home berbeda. Caranya sangat mudah, kode ini bisa digunakan dimana saja. Ya cukup basa-basinya, kita mulai.

Ini adalah beberapa kode untuk halaman tertentu.

Index page (halaman index), homepage, search page

<b:if cond='data:blog.pageType == "index"'>

Item page (halaman artikel), a post page

<b:if cond='data:blog.pageType == "item"'>

Halaman statis (page), for the static page or http://yourblog.blogspot.com/p/static.html

<b:if cond='data:blog.pageType == "static_page"'>

Archive page (halaman arsip), for archive page page like http://rangkuman-blog.blogspot.com/2012_10_01_archive.html

<b:if cond='data:blog.pageType == "archive"'>

Home page, your home page

<b:if cond='data:blog.pageType == "data:blog.homepageUrl"'>

Specific URL (url tertentu), a specific url

<b:if cond='data:blog.pageType == "PUT YOUR URL HERE"'>

Post and static page, post and static

<b:if cond='data:blog.pageType == "data:post.url"'>

Error or 404 page, error or 404 page

<b:if cond='data:blog.pageType == "error_page"'>

Mobile page, not a page but for mobile conditional tag, if CSS put .mobile .class

<b:if cond='data:blog.pageType == "data:blog.isMobile"'>

Search label page, search label page or label page like: http://rangkuman-blog.blogspot.com/search/label

<b:if cond='data:blog.pageType == "data:blog.searchLabel"'>

Search with query, search label page or label page like: http://rangkuman-blog.blogspot.com/search?q=

<b:if cond='data:blog.pageType == "data:blog.searchQuery"'>

Search with query with specific query, search page with keyword like: http://rangkuman-blog.blogspot.com/search?q=css

<b:if cond='data:blog.searchQuery == "The search keyword"'>

Search label with specific label, search page with keyword like: http://rangkuman-blog.blogspot.com/search/label/NAMA LABEL

<b:if cond='data:blog.searchLabel == "NAMA LABEL"'>

Nah kode itu bisa ditempatkan dimana saja dalam HTML, misalnya anda ingin menampilkan sidebar tidak mau tampil di halaman beranda, anda bisa buat seperti ini:

<b:if cond='data:blog.pageType == "data:blog.homepageUrl"'>
<style>
#sidebar-wrapper {display: none;}
</style>
</b:if>

Apabila anda ingin tag berkondisi sesuatu yang akan tampil di semua tempat tapi tidak tampil di halaman artikel, anda tinggal mengganti kodenya begini:

<b:if cond='data:blog.pageType != "data:blog.homepageUrl"'>

Tanda dua == harus diganti menjadi !=. Dengan begini berarti suatu kode yang ada didalam kondisi kode diatas, hanya akan TIDAK tampil di halaman beranda.

Anda juga bisa menggunakan kode </b:else>, misal kayak gini:

<b:if cond='data:blog.pageType == "data:blog.homepageUrl"'>
SAYA AKAN TAMPIL DI HOME
</b:else>
SAYA AKAN TAMPIL DI TEMPAT SELAIN HOME
</b:if>

Ok cukup saja kan?, kalo ada masalah bisa tanya di komentar....