Tag Kondisional Blogger Terbaru Beserta Fungsinya

Loading...

Tag Kondisional Blogger Terbaru Beserta Fungsinya

Kalau kalian pernah membuka halaman editor HTML template Blogger pasti kalian pernah melihat Tag Conditional, Nah Apa sih Tag Conditional? Tag Conditional adalah suatu perintah atau tag yang digunakan untuk mengatur atau mengkondisikan suatu elemen halaman tertentu baik itu css, widget untuk ditampilkan atau tidak ditampilkannya widget atau elemen-elemen lainnya dalam halaman Blogger Anda atau bisa dikatakan sebagai menampilkan widget pada halaman tertentu.

Tag Kondisional Blogger Terbaru Beserta Fungsinya


Tag Kondisional ini bisa juga untuk mempercepat loading blog dengan cara menampilkan/menyembunyikan widget / css yang tidak di butuhkan dalam sebuah halaman, seperti homepage blog,halaman index, halaman postingan, mobile-view.

Berikut Tag Kondisional Blogger beserta fungsi-nya yang sudah diupdate menjadi lebih sederhana ;

Tag Kondisional Halaman Utama

Menampilkan widget,css,html,js hanya di halaman utama saja

Versi baru
<b:if cond='data:view.isHomepage'> … </b:if>
Versi lama
<b:if cond='data:blog.url == data:blog.homepageUrl'> … </b:if>


Tag Kondisional Halaman Index

Menampilkan widget,css,html,js hanya di halaman index saja,Beberapa contoh halaman index yang mudah untuk ditemukan adalah homepage, halaman label, halaman archive, dan halaman search query.

Versi baru
<b:if cond='data:view.isMultipleItems'> … </b:if>
Versi lama
<b:if cond='data:blog.pageType == "index"'> … </b:if>


Tag Kondisional Halaman Item

Menampilkan widget,css,html,js hanya di halaman item, Halaman item adalah tipe halaman yang akan selalu berakhir pada nama berkas, seperti ini:

penggunaanya ; merujuk tipe halaman item, bisa diubah menjadi static_page, index, dan lainnnya

Versi baru
<b:if cond='data:view.isSingleItem'> … </b:if>
Versi lama
<b:if cond='data:blog.pageType in ["item", "static_page"]'> … </b:if>


Tag Kondisional Halaman Postingan

Menampilkan widget,css,html,js hanya di halaman postingan saja

Versi baru
<b:if cond='data:view.isPost'> … </b:if>
Versi lama
<b:if cond='data:blog.pageType == "item"'> … </b:if>


Tag Kondisional Halaman Statis

Menampilkan widget,css,html,js hanya di halaman statis saja. Untuk penggunaannya secara umum, halaman statis sering dimanfaatkan untuk membuat halaman about, privacy policy, terms of service, dan lain sebagainya.

Versi baru
<b:if cond='data:view.isPage'> … </b:if>
Versi lama
<b:if cond='data:blog.pageType == "static_page"'> … </b:if>


Tag Kondisional Halaman Label

Menampilkan widget,css,html,js hanya di halaman label saja,

contoh : https://www.adysetyo.com/search/label/Blog?max-results=5

Versi baru
<b:if cond='data:view.isLabelSearch'> … </b:if>
Versi lama
<b:if cond='data:blog.searchLabel'> … </b:if>


Tag Kondisional Halaman Arsip

Menampilkan widget,css,html,js hanya di halaman Arsip saja

Versi baru
<b:if cond='data:view.isArchive'> … </b:if>
Versi lama
<b:if cond='data:blog.pageType == "archive"'> … </b:if>


Tag Kondisional Halaman Pencarian

Menampilkan widget,css,html,js hanya di halaman label saja,

contoh : https://www.adysetyo.com/search?q=blogger

Versi baru
<!-- Termasuk halaman pencarian label -->
<b:if cond='data:view.isSearch'> … </b:if>

<!-- Hanya halaman pencarian -->
<b:if cond='data:view.isSearch and !data:view.isLabelSearch'> … </b:if>
Versi lama
<b:if cond='data:blog.searchQuery'> … </b:if>


Tag Kondisional Halaman Kesalahan / Error 404

Menampilkan widget,css,html,js hanya di halaman erorr saja, atau biasanya jika suatu permintaan/Request halaman tertentu tidak memehuni maka akan langsung direct ke error page

Versi baru
<b:if cond='data:view.isError'> … </b:if>
Versi baru
<b:if cond='data:blog.pageType == "error_page"'> … </b:if>


Tag Kondisional Halaman Pratinjau

Menampilkan widget,css,html,js hanya di halaman pratinjau saja, tidak asing lagi pasti jika sobat sering menulis di editor blogger dengan halaman pratinjau.

Versi baru
<b:if cond='data:view.isPreview'> … </b:if>
Versi lama
<!-- Tidak ada -->


Tag Konditional untuk versi mobile

Menampilkan widget,css,html,js hanya di Mobile View saja, mobile view disini ketika di lihat dari smartphone menggunakan resolusi layar tertentu.

<b:if cond='data:blog.isMobileRequest'></b:if>

Gunakan Tools ini untuk menyederhanakan Tag Kondisional. Yang harus kamu lakukan adalah copy/paste kode ke form yang disediakan. Kemudian pilih kondisinya dan klik tombol "Wrap". Sesederhana itu.
Blogger Conditional Tag Wrapper Tool

Oke, demikian TAG KONDISIONAL BLOGGER Terbaru Beserta Fungsinya yang bisa kalian Terapkan di blog. Keuntungan menggunakan tag kondisional ini yaitu untuk membantu optimasi template agar Load Page lebih cepat dan yang pastinya Seo Friendly. Semoga Bermanfaat

Post a Comment

0 Comments

Disqus Codes
  • 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 Box

strong em u strike
pre code pre code spoiler
embed