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 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 sajaVersi 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 sajaVersi 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 sajaVersi 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 pageVersi 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>
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
<strong></strong>
or<b></b>
.<em></em>
or<i></i>
.<u></u>
.<strike></strike>
.<code></code>
or<pre></pre>
or<pre><code></code></pre>
.And use parse tool below to easy get the style.
strong em u strike
pre code pre code spoiler
embed