HXmqB2gtevUqEaKS0zCxKKDiJuu0sxWA0q4OLKfa
Bookmark

Tag Kondisional Terbaru untuk Mengatur Widget di Blogger

Tag Kondisional Terbaru untuk Mengatur Widget di 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 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'>

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"]'>

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'>

Versi lama:

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

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;’>

12. Tag Kondisional Desktop

<b:if cond='data:blog.isMobileRequest == &quot;false&quot;'>

Kondisional 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'>

4. OR

Kondisi jika salah satunya benar. Tambahkan or.

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

Sumber:
Github

Posting Komentar

Posting Komentar