Lengkap Tag Conditional Blogger AMP dan Non AMP Terbaru dan Cara Menggunakannya
techno - Lengkap Tag Conditional Blogger AMP dan Non AMP Terbaru dan Cara Menggunakannya. Conditional Tag adalah sebuah tag XML (XHTML) yang hanya bisa digunakan pada blogger. Di blogspot sendiri ada beberapa tag conditional yang bisa digunakan untuk kode / widget / tampilan tertentu di halaman tertentu juga.
Jadi maksudnya dengan memasang conditional tag di blogger, kita bisa menentukan script / widget / tampilan mana saja yang ingin ditampilkan di halaman tertentu atau pada device tertentu. Contoh Widget Popular Post hanya ingin kita tampilkan di halaman postingan saja, maka ada tag conditional tertentu yang hanya menampilkan widget di halaman postingan.
Setiap waktu kode tag conditional ini mengalami beberapa update, dan update versi terbaru ini pun terlihat lebih simple. Jika Ingin menggunakan versi terbaru atau versi lama pun tidak menjadi masalah, mungkin perbedaan mencolok hanya pada penggunaannya yang lebih simpel dan tidak dipanggil secara berulang dengan kode b:if.
Secara umum Tag Conditional konsepnya seperti ini:
<b:if cond='syarat_kondisi'>
<!-- kode perintah -->
</b:if> syarat_kondisi tersebut bisa diganti dengan tag kondisional yang sudah ada di blogger saat ini, dan kode perintahnya diapit oleh tag b:if. Nah langsung saja, berikut adalah tag conditional blogger yang dapat kamu gunakan baik versi terbaru atau versi lamanya.
1. Homepage ( Halaman Depan atau Halaman Utama )
Halaman depan atau halaman utama merupakan bagian dari halaman index yang dimana saat mengakses domain utama maka akan langsung diarahkan ke halaman ini. Biasa orang menyebutkan sebagai beranda blognya.
Tag Conditional Versi Lama
<b:if cond='data:blog.url == data:blog.homepageUrl'>
kode perintah / widget
</b:if> Tag Conditional Versi Baru
<b:if cond='data:view.isHomepage'>
kode perintah / widget
</b:if> 2. Halaman Index
Halaman Index merupakan istilah yang digunakan untuk menyebutkan beberapa halaman yang berisi list daftar postingan blog. Pada halaman index ini biasanya halaman yang ditampilkan hanya berupaka summary atau ringkasan, dengan jumplink (read more atau page post number) untuk menampilkan postingan secara penuh. Ada beberapa tipe halaman index yaitu Halaman Utama, Halaman Label, Halaman Pencarian, dan Halaman Update.
Untuk blog andrie.id sendiri hanya memiliki 2 halaman index yaitu Halaman utama dan halaman label, untuk halaman pencarian dan update tidak memiliki halaman sendiri melainkan pengunjung dapat melakukan pencarian atau melihat postingan terupdate langsung dari halaman yang ia akses. Jadi navigasi blog menjadi lebih mudah dan cepat.
Tag Conditional Versi Lama
<b:if cond='data:blog.pageType == "index"'>
kode perintah / widget
</b:if> Tag Conditional Versi Baru
<b:if cond='data:view.isMultipleItems'>
kode perintah / widget
</b:if> 3. Halaman Item ( Halaman Postingan Blog )
Halaman Item merupakan nama lain untuk halaman postingan, yang tentu sudah pasti menampilkan keseluruhan artikel baik teks, gambar, tabel, serta widget tambahan lainnya. Halaman ini berbeda dengan halaman index, halaman index hanya ringkasan saja.
Tag Conditional Versi Lama
<b:if cond='data:blog.pageType == "item"'>
kode perintah / widget
</b:if> Tag Conditional Versi Baru
<b:if cond='data:view.isPost'>
kode perintah / widget
</b:if> Tag Conditional Untuk Halaman Tertentu
<b:if cond='data:blog.url == data:blog.canonicalHomepageUrl + "2021/03/contoh-halaman.html"'><!-- Konten hanya akan ditampilkan pada halaman artikel dengan url Blog www.domainmu/2021/03/contoh-halaman.html --></b:if> 4. Halaman Post atau Page ( Halaman Statis )
Halaman Post atau Page atau disebut sebagai halaman statis biasanya digunakan untuk menerbitkan page khusus seperti about me, contact me, privacy policy, sitemap, achievement, dan lain sebagainya. Halaman page ini tidak muncul di halaman index, namun bisa diakses dengan menuliskan URL Page khusus yang sudah ditentukan sebelumnya.
Tag Conditional Versi Lama
<b:if cond='data:blog.pageType == "static_page"'>
kode perintah / widget
</b:if> Tag Conditional Versi Baru
<b:if cond='data:view.isPage'>
kode perintah / widget
</b:if> Tag Conditional Untuk Halaman Statis Tertentu
<b:if cond='data:blog.url == data:blog.canonicalHomepageUrl + "p/contoh-halaman.html"'><!-- Konten hanya akan ditampilkan pada halaman artikel dengan url Blog www.domainmu/p/contoh-halaman.html --></b:if> 5. Halaman Label atau Kategori Post
Halaman Label merupakan sebuah halaman yang menampilkan ringkasan postingan blog berdasarkan label atau kategori yang dipilih. Misalnya pada blog andrie.id terdapat label blog Blogger, Sosial Media, Tutorial, Template Blog, Aplikasi, dan lain sebagainya.
Tag Conditional Versi Lama
<b:if cond='data:blog.searchLabel'>
kode perintah / widget
</b:if> Tag Conditional Versi Baru
<b:if cond='data:view.isLabelSearch'>
kode perintah / widget
</b:if> 6. Halaman Search ( Halaman Pencarian )
Halaman pencarian merupakan halaman yang bisa pengunjung gunakan untuk mencari artikel yang sebelumnya pernah dikunjungi namun berada di page yang jauh. Dengan menggunakan halaman ini pengunjung dapat menemukan artikel yang ia cari dengan menggunakan tombol search yang sudah disediakan oleh pemilik blog.
Namun untuk blog techno sendiri tidak memberikan halaman khusus untuk pencarian ini, karena blog andrie.id sudah menyediakan icon pencarian yang berada di header menu blog dan pengunjung pun bisa langsung mengetikkan di form pencarian tersebut.
Tag Conditional Versi Lama
<b:if cond='data:blog.searchQuery'>
kode perintah / widget
</b:if> Tag Conditional Versi Baru
<!-- Termasuk halaman pencarian label -->
<b:if cond='data:view.isSearch'>
kode perintah / widget
</b:if>
<!-- Hanya halaman pencarian -->
<b:if cond='data:view.isSearch and !data:view.isLabelSearch'>
kode perintah / widget
</b:if> 7. Halaman Archive ( Halaman Arsip )
Tidak jauh berbeda dengan halaman index sebelumnya, pada halaman arsip ini juga menampilkan ringkasan postingan blog. Namun yang menjadi pembedanya adalah pada halaman arsip hanya menampilkan postingan berdasarkan tahun atau bulan tertentu, misalnya ingin menampilkan postingan blog yang diterbitkan pada tahun 2021 atau pada tahun 2021, dan lain sebagainya.
Tag Conditional Versi Lama
<b:if cond='data:blog.pageType == "archive"'>
kode perintah / widget
</b:if> Tag Conditional Versi Baru
<b:if cond='data:view.isArchive'>
kode perintah / widget
</b:if> 8. Halaman 404 ( Halaman Error atau Halaman Tidak Ditemukan )
Halaman 404 atau halaman error ini akan menampilkan semua halaman yang tidak ditemukan, halaman tidak ditemukan ini bisa jadi postingan yang masih dalam masa update sehingga disimpan sebagai draft, atau postingan yang dihapus, atau halaman error lainnya.
Tag Conditional Versi Lama
<b:if cond='data:blog.pageType == "error_page"'>
kode perintah / widget
</b:if> Tag Conditional Versi Baru
<b:if cond='data:view.isError'>
kode perintah / widget
</b:if> 9. Halaman Pratinjau ( Halaman Priview )
Halaman Pratinjau atau priview ini menampilkan halaman contoh simulasi atau gambaran halaman yang ingin dimuat. Halaman pratinjau ini biasanya hanya bisa dilihat atau diakses oleh pemilik blog saja, dan URL halaman pratinjau ini biasanya terdiri atas url yang tidak berurutan dan ekstensi domainnya adalah blogspot.
Tag Conditional Versi Lama
<!-- Belum ada --> Tag Conditional Versi Baru
<b:if cond='data:view.isPreview'>
kode perintah / widget
</b:if> 10. Halaman Post dan Page ( Halaman Postingan dan Statis )
Jika ingin menampilkan tag conditional untuk halaman postingan dan halaman page statis, dapat menggunakan tag gabungan seperti dibawah ini. Jadi widget yang ditelakkan dalam tag ini maka widget tersebut akan tampil atau muncul dalam halaman statis ataupun postingan blog. Seperti contoh saja widget yang biasa menggunakan tag conditional ini seperti Author profile blog yang berada di akhir artikel blog.
Tag Conditional Versi Lama
Penggunakan deklarasi not ini merupakan sebuah kondisi dimana kita tidak ingin menampilkan widget tertentu kedalam tag kondisional yang dipilih. Misalnya saja widget popular post tidak ingin saya tampilkan di Homepage blog, maka kodenya menjadi seperti ini:
Tag Conditional Versi Lama
Tag Conditional Versi Baru
b. AND
Agar kode menjadi lebih praktis dan simpel, tag conditional blogger dapat dijadikan satu. Misalnya saja ingin menampilkan widget di beberapa halaman blog namun ingin menggunakan satu tag conditional saja, bisa! Hal ini bisa dilakukan dengan menggunakan deklarasi AND
Tag Conditional Versi Lama
Tag Conditional Versi Lama
<b:if cond='data:blog.pageType in ["item", "static_page"]'>
kode perintah / widget
</b:if> Tag Conditional Versi Baru <b:if cond='data:view.isSingleItem'>
kode perintah / widget
</b:if> 11. Halaman untuk mobile / handphone
Tag Conditional mobile<b:if cond="data:blog.isMobile"><!-- Konten hanya ditampilkan di situs seluler --></b:if> 12. Halaman untuk author atau penulis blog
Tag Conditional Author<b:if cond='data:displayname == "author-name"'><!-- Tampilkan konten untuk penulis artikel --></b:if> 13. Deklarasi NOT, AND, OR
a. NOTPenggunakan deklarasi not ini merupakan sebuah kondisi dimana kita tidak ingin menampilkan widget tertentu kedalam tag kondisional yang dipilih. Misalnya saja widget popular post tidak ingin saya tampilkan di Homepage blog, maka kodenya menjadi seperti ini:
Tag Conditional Versi Lama
<b:if cond='data:blog.url ! = data:blog.homepageUrl'>
kode perintah / widget
</b:if> Mengubah simbol ( == ) menjadi ( != ). Tag Conditional Versi Baru
<b:if cond=' ! data:view.isHomepage'>
kode perintah / widget
</b:if> Menambahkan simbol tanda seru ( ! ) pada awal tag kondisi. b. AND
Agar kode menjadi lebih praktis dan simpel, tag conditional blogger dapat dijadikan satu. Misalnya saja ingin menampilkan widget di beberapa halaman blog namun ingin menggunakan satu tag conditional saja, bisa! Hal ini bisa dilakukan dengan menggunakan deklarasi AND
Tag Conditional Versi Lama
<!-- belum ada --> Tag Conditional Versi Baru <b:if cond='!data:view.isPost and data:view.isMultipleItems'>
kode perintah / widget
</b:if> c. OR
Kita bisa menggunakan deklarasi or untuk menggabungkan banyak syarat atau kondisi sekaligus, biasanya kan kita menambahkan kode b:if secara berulang. Misalnya saya ingin menampilkan widget hanya di halaman postingan, statis, dan homepage saja. Jadi untuk halaman lainnya tidak akan muncul widget ini, caranya:
Penggunaan Tag Conditional Cara Lama
Selamat Mencoba ya. Terima kasih.
Kita bisa menggunakan deklarasi or untuk menggabungkan banyak syarat atau kondisi sekaligus, biasanya kan kita menambahkan kode b:if secara berulang. Misalnya saya ingin menampilkan widget hanya di halaman postingan, statis, dan homepage saja. Jadi untuk halaman lainnya tidak akan muncul widget ini, caranya:
Penggunaan Tag Conditional Cara Lama
<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:blog.pageType == "static_page"'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
kode perintah / widget
</b:if>
</b:if>
</b:if> Penggunaan Tag Conditional Cara Baru / Simpel <b:if cond='data:blog.pageType == "item" || data:blog.pageType == "static_page" || data:blog.url == data:blog.homepageUrl'>
kode perintah / widget
</b:if> Selamat Mencoba ya. Terima kasih.