Tag Kondisional Terbaru untuk Mengatur Widget Blog Blogger

Template blog di Blogger memiliki tag kondisional (conditional tag) untuk mengatur tampilan widget atau elemen tertentu. Misalnya, agar widget Recent Posts hanya muncul di halaman dalam, maka widget posting terbaru itu harus “dibungkus” dengan tag kondisional.

tag kondisional

Tag kondisional ini juga berfungsi mengatur kode CSS, HTML, dan Javascript agar muncul di halaman tertentu. Ini membuat template blog jadi tampil lebih cepat (fast loading).

Daftar Tag Kondisional Terbaru Blogger

Berikut ini Tag Kondisional terbaru dan lama. Keduanya sama-sama masih berfungsi. Kode tag kondisional terbaru lebih ringkas dan simple.

1. Homepage (Halaman Utama/Halaman Depan)

Versi Baru

<b:if cond='data:view.isHomepage'>

Read More

Versi Lama

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

2. Halaman Index

Versi Baru
<b:if cond='data:view.isMultipleItems'>

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

3. Halaman Item (Post dan Page)

Versi Baru
<b:if cond='data:view.isSingleItem'>

Versi Lama
<b:if cond='data:blog.pageType in ["item", "static_page"]'>

Contoh Penerapan: Menampilkan Widget Posting Terbaru di Halaman Dalam Saja (Page & Pos).

contoh tag kondisional

4. Halaman Postingan (Halaman Artikel)

Versi Baru
<b:if cond='data:view.isPost'>

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

5. Halaman Page (Statis)

Versi Baru
<b:if cond='data:view.isPage'>

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

6. Halaman Label

Versi Baru
<b:if cond='data:view.isLabelSearch'>

Versi Lama
<b:if cond='data:blog.searchLabel'>

7. Halaman Pencarian

Versi Baru

<!– Termasuk halaman pencarian label –>
<b:if cond='data:view.isSearch'>

<!– Hanya halaman pencarian –>
<b:if cond='data:view.isSearch and !data:view.isLabelSearch'>

Versi Lama

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

8. Halaman Arsip

Versi Baru

<b:if cond='data:view.isArchive'>

Versi Lama

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

9. Halaman Error 404 (Page Not Found)

Versi Baru

<b:if cond='data:view.isError'>

Versi Lama

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

Catatan:

Untuk halaman error not found, kita bisa redirect ke halaman depan. Pasang kode berikut ini di atas kode </body>

<b:if cond='data:blog.pageType == &quot;error_page&quot;'>
<script type='text/javascript'>
BSPNF_redirect=setTimeout(function() {
location.pathname= &quot;/&quot;
}, 1);
</script>
</b:if>

10. Halaman Pratinjau (Preview)

Versi Baru

<b:if cond='data:view.isPreview'>

Versi Lama
Tidak Ada

11. Tag Kondisional Mobile

Versi Baru

<b:if cond=’data:view.isMobile’>

Versi Lama

<b:if cond=’data:blog.isMobileRequest == &quot;true&quot;’>

 

Conditional Tag Menambahkan NOT, AND, OR

1. NOT

Kondisi jika bukan halaman yang dimaksud. Tambahkan tanda seru (!)

<b:if cond='!data:view.isPost'>

2. AND

Kondisi jika keduanya benar. Tambahkan and.

<b:if cond='!data:view.isPost and data:view.isMultipleItems'>

3. OR

Kondisi jika salah satunya benar. Tambahkan or.

<b:if cond='data:view.isPost or data:view.isMultipleItems'>

Sumber

Tag Kondisional untuk WordPress

Khusus untuk mengatur tampilan widget sidebar, blog CMS WP bisa menggunakan plugin Widget Option.

 

Related posts

Leave a Reply

Your email address will not be published. Required fields are marked *