Lompat ke konten Lompat ke sidebar Lompat ke footer

Widget Atas Posting

Blogger Conditional Tags

Blogger Conditional Tags - Halo teman-teman. Pada kesempatan kali ini saya ingin membagikan artikel seputar conditional tags Blogger. Halaman ini sengaja saya buat sebagai dokumentasi saya pribadi, namun saya rasa tidak ada salahnya untuk membagikannya juga pada kamu yang membutuhkan.

Di halaman ini saya akan menjabarkan apa yang saya ketahui dan sudah saya rangkum tentang conditional Tags Blogger.

Semoga rangkuman sederhana ini bisa membantu kamu yang senang utak-atik design blog atau Edit HTML di Blogger.

Apa itu Conditional Tag?

Conditional tag atau tag kondisional adalah tag bawaan dari Blogger yang memungkinkan kamu untuk menentukan dimana atau kapan suatu widget, style, script atau HTML tampil.

Contohnya, kamu mau menampilkan widget Popular Post hanya pada halaman post atau artikel saja, atau kamu mau menampilkan widget Featured Post hanya pada homepage saja.

Untuk melakukan itu, kamu bisa memanfaatkan tag ini agar tidak perlu menambahkan script JS atau CSS tambahan lain yang membuat loading semakin berat.

Untuk lebih jelasnya, silahkan dibaca saja rangkuman saya berikut.

Halaman Index

Halaman index adalah halaman yang menampilkan list post di Blogger. Halaman ini meliputi halaman homepage, pencarian, arsip, dan label.

Conditional Tag

Jika kamu menggunakan conditional tags ini, maka script HTML kamu hanya akan tayang di halaman index seperti yang saya sebutkan sebelumnya. Untuk menggunakannya, kamu bisa gunakan format berikut ini:

Format Conditional Tag Versi Lama

<b:if cond='data:blog.pageType == "index"'>put your content here</b:if>

Format Conditional Tag Versi Baru

<b:if cond='data:view.isMultipleItems'>put your content here</b:if>

Conditional Tag dengan Fungsi Exception (Pengecualian)

Fungsi ini adalah kebalikan dari fungsi conditional tag bawaannya dimana jika kamu menggunakan format ini maka kode HTML kamu akan ditayangkan di semua halaman SELAIN halaman index yang sudah saya sebutkan sebelumnya. Fungsi ini berfokus pada penggunaan simbol !. Silahkan perhatikan penempatan simbol ! pada format.

Untuk menggunakannya, kamu bisa menggunakan format conditional tag berikut:

Format Conditional Tag Versi Lama

<b:if cond='data:blog.pageType != "index"'>put your content here</b:if>

Format Conditional Tag Versi Baru

<b:if cond='!data:view.isMultipleItems'>put your content here</b:if>

Halaman Item

Halaman item adalah halaman yang menampilkan item dari blog yaitu post dan pages. Contoh URL-nya adalah seperti ini:

https://www.ninura.com/2021/07/cara-memasang-anti-adblock-di-blogger.html - Untuk halaman item post.

https://www.ninura.com/p/about.html - Untuk halaman item pages/ static page.

Conditional Tag

Jika kamu menggunakan conditional tags ini, maka script HTML kamu hanya akan tayang di halaman post dan pages seperti yang saya sebutkan sebelumnya. Untuk menggunakannya, kamu bisa gunakan format berikut ini:

Format Conditional Tag Versi Lama

<b:if cond='data:blog.pageType in ["item", "static_page"]'>put your content here</b:if>

atau

<b:if cond='data:blog.pageType == "item" and data:blog.pageType == "static_page"'>put your content here</b:if>

atau

<b:if cond='data:blog.pageType == "item"><br /><b:if cond='data:blog.pageType == "static_page"'><br />put your content here<br /></b:if><br /></b:if>

Format Conditional Tag Versi Baru

<b:if cond='data:view.isSingleItem'>put your content here</b:if>

Conditional Tag dengan Fungsi Exception (Pengecualian)

Fungsi ini adalah kebalikan dari fungsi conditional tag bawaannya dimana jika kamu menggunakan format ini maka kode HTML kamu akan ditayangkan di semua halaman SELAIN halaman item yang sudah saya sebutkan sebelumnya. Fungsi ini berfokus pada penggunaan simbol !. Silahkan perhatikan penempatan simbol ! pada format.

Untuk menggunakannya, kamu bisa menggunakan format conditional tag berikut:

Format Conditional Tag Versi Lama

<b:if cond='data:blog.pageType not in ["item", "static_page"]'>put your content here</b:if>

atau

<b:if cond='data:blog.pageType != "item" and data:blog.pageType != "static_page"'>put your content here</b:if>

atau

<b:if cond='data:blog.pageType != "item"><br /><b:if cond='data:blog.pageType != "static_page"'><br />put your content here<br /></b:if><br /></b:if>

Format Conditional Tag Versi Baru

<b:if cond='!data:view.isSingleItem'>put your content here</b:if>

Halaman Pos

Halaman pos adalah halaman dimana post kamu ditampilkan. URL dari halaman post menggunakan format seperti ini:

https://www.ninura.com/2020/10/gamis-wanita-kerja-kantor-balotelli-syari-hitam-putih.html

Conditional Tag

Jika kamu menggunakan conditional tags ini, maka script HTML kamu hanya akan tayang di halaman post saja. Untuk menggunakannya, kamu bisa gunakan format berikut ini:

Format Conditional Tag Versi Lama

<b:if cond='data:blog.pageType == "item"'>put your content here</b:if>

Format Conditional Tag Versi Baru

<b:if cond='data:view.isPost'>put your content here</b:if>

Conditional Tag dengan Fungsi Exception (Pengecualian)

Fungsi ini adalah kebalikan dari fungsi conditional tag bawaannya dimana jika kamu menggunakan format ini maka kode HTML kamu akan ditayangkan di semua halaman SELAIN halaman pos yang sudah saya sebutkan sebelumnya. Fungsi ini berfokus pada penggunaan simbol !. Silahkan perhatikan penempatan simbol ! pada format.

Untuk menggunakannya, kamu bisa menggunakan format conditional tag berikut:

Format Conditional Tag Versi Lama

<b:if cond='data:blog.pageType != "item"'>put your content here</b:if>

Format Conditional Tag Versi Baru

<b:if cond='!data:view.isPost'>put your content here</b:if>

Halaman Statis/ Page

Halaman statis atau pages adalah halaman dimana pages atau halaman statis kamu ditampilkan. URL dari halaman post menggunakan format seperti ini:

https://www.ninura.com/p/about.html

Conditional Tag

Jika kamu menggunakan conditional tags ini, maka script HTML kamu hanya akan tayang di halaman statis atau page saja. Untuk menggunakannya, kamu bisa gunakan format berikut ini:

Format Conditional Tag Versi Lama

<b:if cond='data:blog.pageType == "static_page"'>put your content here</b:if>

Format Conditional Tag Versi Baru

<b:if cond='data:view.isPage'>put your content here</b:if>

Conditional Tag dengan Fungsi Exception (Pengecualian)

Fungsi ini adalah kebalikan dari fungsi conditional tag bawaannya dimana jika kamu menggunakan format ini maka kode HTML kamu akan ditayangkan di semua halaman SELAIN halaman statis/ page yang sudah saya sebutkan sebelumnya. Fungsi ini berfokus pada penggunaan simbol !. Silahkan perhatikan penempatan simbol ! pada format.

Untuk menggunakannya, kamu bisa menggunakan format conditional tag berikut:

Format Conditional Tag Versi Lama

<b:if cond='data:blog.pageType != "static_page"'>put your content here</b:if>

Format Conditional Tag Versi Baru

<b:if cond='!data:view.isPage'>put your content here</b:if>

Halaman Homepage

Halaman Homepage adalah halaman utama yang muncul pertama kali ketika blog kamu dibuka. Contoh URL-nya adalah seperti ini:

https://www.ninura.com

Conditional Tag

Jika kamu menggunakan conditional tags ini, maka script HTML kamu hanya akan tayang di halaman homepage saja. Untuk menggunakannya, kamu bisa gunakan format berikut ini:

Format Conditional Tag Versi Lama

<b:if cond='data:blog.url == data:blog.homepageUrl'>put your content here</b:if>

Format Conditional Tag Versi Baru

<b:if cond='data:view.isHomepage'>put your content here</b:if>

atau

<b:if cond='data:view.isHomepage'>put your content here</b:if>

Conditional Tag dengan Fungsi Exception (Pengecualian)

Fungsi ini adalah kebalikan dari fungsi conditional tag bawaannya dimana jika kamu menggunakan format ini maka kode HTML kamu akan ditayangkan di semua halaman SELAIN halaman homepage yang sudah saya sebutkan sebelumnya. Fungsi ini berfokus pada penggunaan simbol !. Silahkan perhatikan penempatan simbol ! pada format.

Untuk menggunakannya, kamu bisa menggunakan format conditional tag berikut:

Format Conditional Tag Versi Lama

<b:if cond='data:blog.url != data:blog.homepageUrl'>put your content here</b:if>

Format Conditional Tag Versi Baru

<b:if cond='!data:view.isHomepage'>put your content here</b:if>

Halaman Arsip

Halaman arsip adalah halaman yang menampilkan daftar blog post sesuai urutan arsip. Misal per bulan atau per tahun bahkan per hari. Contoh format URL-nya seperti ini:

https://www.ninura.com/2020 - untuk arsip per tahun

https://www.ninura.com/2020/10 - untuk arsip per bulan

https://www.ninura.com/2020_10_16_archive.html - untuk arsip per hari

Conditional Tag

Jika kamu menggunakan conditional tags ini, maka script HTML kamu hanya akan tayang di halaman arsip saja. Untuk menggunakannya, kamu bisa gunakan format berikut ini:

Format Conditional Tag Versi Lama

<b:if cond='data:blog.pageType == "archive"'>put your content here</b:if>

Format Conditional Tag Versi Baru

<b:if cond='data:view.isArchive'>put your content here</b:if>

Conditional Tag dengan Fungsi Exception (Pengecualian)

Fungsi ini adalah kebalikan dari fungsi conditional tag bawaannya dimana jika kamu menggunakan format ini maka kode HTML kamu akan ditayangkan di semua halaman SELAIN halaman arsip yang sudah saya sebutkan sebelumnya. Fungsi ini berfokus pada penggunaan simbol !. Silahkan perhatikan penempatan simbol ! pada format.

Untuk menggunakannya, kamu bisa menggunakan format conditional tag berikut:

Format Conditional Tag Versi Lama

<b:if cond='data:blog.pageType != "archive"'>put your content here</b:if>

Format Conditional Tag Versi Baru

<b:if cond='!data:view.isArchive'>put your content here</b:if>

Halaman Pencarian/ Search

Halaman pencarian adalah halaman yang menampilkan post yang dicari berdasarkan query yang dimasukkan. Halaman pencarian juga bisa menampilkan daftar post berdasarkan label. Contoh dari URL-nya kurang lebih seperti ini:

https://www.ninura.com/search?q=blogger - Untuk halaman pencarian dengan query blogger

https://www.ninura.com/search/label/Blogger - Untuk halaman pencarian dengan label Blogger

Conditional Tag

Jika kamu menggunakan conditional tags ini, maka script HTML kamu hanya akan tayang di halaman pencarian berdasarkan query yang diinput termasuk label yang mengandung query yang diinput. Untuk menggunakannya, kamu bisa gunakan format berikut ini:

Format Conditional Tag Versi Lama

<b:if cond='data:blog.searchQuery'>put your content here</b:if>

Format Conditional Tag Versi Baru

<b:if cond='data:view.isSearch'>put your content here</b:if>

Conditional Tag dengan Fungsi Exception (Pengecualian)

Fungsi ini adalah kebalikan dari fungsi conditional tag bawaannya dimana jika kamu menggunakan format ini maka kode HTML kamu akan ditayangkan di semua halaman SELAIN halaman pencarian/ search yang sudah saya sebutkan sebelumnya. Fungsi ini berfokus pada penggunaan simbol !. Silahkan perhatikan penempatan simbol ! pada format.

Untuk menggunakannya, kamu bisa menggunakan format conditional tag berikut:

Format Conditional Tag Versi Lama

<b:if cond='not in data:blog.searchQuery'>put your content here</b:if>

Format Conditional Tag Versi Baru

<b:if cond='!data:view.isSearch'>put your content here</b:if>

Halaman Pencarian Label

Halaman pencarian label adalah halaman yang menampilkan post berdasarkan label yang dipilih. Contoh URL nya seperti ini:

https://www.ninura.com/search/label/Blogger

Conditional Tag

Jika kamu menggunakan conditional tags ini, maka script HTML kamu hanya akan tayang di halaman pencarian label saja. Untuk menggunakannya, kamu bisa gunakan format berikut ini:

Format Conditional Tag Versi Lama

<b:if cond='data:blog.searchLabel'>put your content here</b:if>

Format Conditional Tag Versi Baru

<b:if cond='data:view.isLabelSearch'>put your content here</b:if>

Conditional Tag dengan Fungsi Exception (Pengecualian)

Fungsi ini adalah kebalikan dari fungsi conditional tag bawaannya dimana jika kamu menggunakan format ini maka kode HTML kamu akan ditayangkan di semua halaman SELAIN halaman pencarian label yang sudah saya sebutkan sebelumnya. Fungsi ini berfokus pada penggunaan simbol !. Silahkan perhatikan penempatan simbol ! pada format.

Untuk menggunakannya, kamu bisa menggunakan format conditional tag berikut:

Format Conditional Tag Versi Lama

<b:if cond='not in data:blog.searchLabel'>put your content here</b:if>

Format Conditional Tag Versi Baru

<b:if cond='!data:view.isLabelSearch'>put your content here</b:if>

Halaman Pencarian Label Tertentu

Halaman pencarian label tertentu adalah halaman yang menampilkan daftar blog post yang mempunyai label tertentu yang dipilih. Contoh URL-nya adalah seperti ini:

https://www.ninura.com/search/label/Blogger - URL halaman untuk postingan dengan label Blogger

Conditional Tag

Jika kamu menggunakan conditional tags ini, maka script HTML kamu hanya akan tayang di halaman pencarian label yang sudah ditentukan saja. Untuk menggunakannya, kamu bisa gunakan format berikut ini (format ini case-sensitive, perhatikan besar kecil huruf dari label yang dipilih):

Format Conditional Tag Versi Lama

<b:if cond='data:blog.searchLabel == "Blogger"'>put your content here</b:if>

Format Conditional Tag Versi Baru

<b:if cond='data:view.search.label == "Blogger"'>put your content here</b:if>

Conditional Tag dengan Fungsi Exception (Pengecualian)

Fungsi ini adalah kebalikan dari fungsi conditional tag bawaannya dimana jika kamu menggunakan format ini maka kode HTML kamu akan ditayangkan di semua halaman SELAIN halaman pencarian label tertentu yang sudah saya sebutkan sebelumnya. Fungsi ini berfokus pada penggunaan simbol !. Silahkan perhatikan penempatan simbol ! pada format.

Untuk menggunakannya, kamu bisa menggunakan format conditional tag berikut:

Format Conditional Tag Versi Lama

<b:if cond='data:blog.searchLabel != "Blogger"'>put your content here</b:if>

Format Conditional Tag Versi Baru

<b:if cond='data:view.search.label != "Blogger"'>put your content here</b:if>

Halaman Pencarian Beberapa Label Tertentu

Halaman pencarian beberapa label tertentu adalah fungsi yang sama seperti pencarian label tertentu, hanya saja kamu bisa menentukkan lebih dari satu label dalam satu kondisi.

Conditional Tag

Jika kamu menggunakan conditional tags ini, maka script HTML kamu hanya akan tayang di halaman pencarian label yang sudah ditentukan saja. Untuk menggunakannya, kamu bisa gunakan format berikut ini (format ini case-sensitive, perhatikan besar kecil huruf dari label yang dipilih dan penggunaan tanda kurung, tanda kutip dan tanda koma):

Format Conditional Tag Versi Lama

<b:if cond='data:blog.searchLabel == "Blogger" or data:blog.searchLabel == "Web Design"'>put your content here</b:if>

atau

<b:if cond='data:blog.searchLabel == "Blogger"'><br /><b:if cond='data:blog.searchLabel == "Web Design"'><br />put your content here<br /></b:if><br /></b:if>

Format Conditional Tag Versi Baru

<b:if cond='data:view.search.label in ["Blogger", "Web Design"]'>put your content here</b:if>

Conditional Tag dengan Fungsi Exception (Pengecualian)

Fungsi ini adalah kebalikan dari fungsi conditional tag bawaannya dimana jika kamu menggunakan format ini maka kode HTML kamu akan ditayangkan di semua halaman SELAIN halaman pencarian beberapa label tertentu yang sudah saya sebutkan sebelumnya. Fungsi ini berfokus pada penggunaan simbol !. Silahkan perhatikan penempatan simbol ! pada format.

Untuk menggunakannya, kamu bisa menggunakan format conditional tag berikut:

Format Conditional Tag Versi Lama

<b:if cond='data:blog.searchLabel != "Blogger" or data:blog.searchLabel != "Web Design"'>put your content here</b:if>

atau

<b:if cond='data:blog.searchLabel != "Blogger"'><br /><b:if cond='data:blog.searchLabel != "Web Design"'><br />put your content here<br /></b:if><br /></b:if>

Format Conditional Tag Versi Baru

<b:if cond='data:view.search.label not in ["Blogger", "Web Design"]'>put your content here</b:if>

Halaman Pencarian Query Saja

Halaman pencarian beberapa label tertentu adalah halaman hanya akan menampilkan konten pada halaman pencarian dengan query yang ditentukan.

Conditional Tag

Jika kamu menggunakan conditional tags ini, maka script HTML kamu hanya akan tayang di halaman pencarian yang sudah ditentukan saja. Untuk menggunakannya, kamu bisa gunakan format berikut ini (format ini case-sensitive, perhatikan besar kecil huruf dari label yang dipilih dan penggunaan tanda kutip):

Format Conditional Tag Versi Lama

<b:if cond='data:blog.searchQuery == "foo"'>put your content here</b:if>

Format Conditional Tag Versi Baru

<b:if cond='data:view.isSearch == "Blogger"'>put your content here</b:if>

Conditional Tag dengan Fungsi Exception (Pengecualian)

Fungsi ini adalah kebalikan dari fungsi conditional tag bawaannya dimana jika kamu menggunakan format ini maka kode HTML kamu akan ditayangkan di semua halaman SELAIN halaman pencarian query saja yang sudah saya sebutkan sebelumnya. Fungsi ini berfokus pada penggunaan simbol !. Silahkan perhatikan penempatan simbol ! pada format.

Untuk menggunakannya, kamu bisa menggunakan format conditional tag berikut:

Format Conditional Tag Versi Lama

<b:if cond='data:blog.searchQuery != "foo"'>put your content here</b:if>

Format Conditional Tag Versi Baru

<b:if cond='data:view.isSearch != "Blogger"'>put your content here</b:if>

Halaman Error

Halaman error adalah halaman yang muncul ketika URL yang diakses tidak tersedia. Contoh URL-nya adalah:

https://www.ninura.com/404.html

Conditional Tag

Jika kamu menggunakan conditional tags ini, maka script HTML kamu hanya akan tayang di halaman error saja. Untuk menggunakannya, kamu bisa gunakan format berikut ini:

Format Conditional Tag Versi Lama

<b:if cond='data:blog.pageType == "error_page"'>put your content here</b:if>

Format Conditional Tag Versi Baru

<b:if cond='data:view.isError'>put your content here</b:if>

Conditional Tag dengan Fungsi Exception (Pengecualian)

Fungsi ini adalah kebalikan dari fungsi conditional tag bawaannya dimana jika kamu menggunakan format ini maka kode HTML kamu akan ditayangkan di semua halaman SELAIN halaman error yang sudah saya sebutkan sebelumnya. Fungsi ini berfokus pada penggunaan simbol !. Silahkan perhatikan penempatan simbol ! pada format.

Untuk menggunakannya, kamu bisa menggunakan format conditional tag berikut:

Format Conditional Tag Versi Lama

<b:if cond='data:blog.pageType != "error_page"'>put your content here</b:if>

Format Conditional Tag Versi Baru

<b:if cond='!data:view.isError'>put your content here</b:if>

Tampilan Versi Mobile

Halaman mobile adalah halaman yang tampil hanya ketika pengunjung menggunakan handphone. Halaman ini ditandai dengan parameter ?m=1 di belakang url halaman. Contohnya URL-nya:

https://www.ninura.com?m=1 - Homepage

https://www.ninura.com/p/about.html?m=1 - Halaman Pages/ Statis

Conditional Tag

Jika kamu menggunakan conditional tags ini, maka script HTML kamu hanya akan tayang pada tampilan mobile saja. Untuk menggunakannya, kamu bisa gunakan format berikut ini:

Format Conditional Tag Versi Lama

<b:if cond='data:blog.isMobileRequest == "true"''>put your content here</b:if>

Format Conditional Tag Versi Baru

<b:if cond='data:view.isMobile'>put your content here</b:if>

Conditional Tag dengan Fungsi Exception (Pengecualian)

Fungsi ini adalah kebalikan dari fungsi conditional tag bawaannya dimana jika kamu menggunakan format ini maka kode HTML kamu akan ditayangkan di semua halaman SELAIN tampilan versi mobile yang sudah saya sebutkan sebelumnya. Fungsi ini berfokus pada penggunaan variabel true dan false. Silahkan perhatikan penempatan variabel pada format.

Untuk menggunakannya, kamu bisa menggunakan format conditional tag berikut:

Format Conditional Tag Versi Lama

<b:if cond='data:blog.isMobileRequest == "false"''>put your content here</b:if>

Format Conditional Tag Versi Baru

<b:if cond='!data:view.isMobile'>put your content here</b:if>

Tampilan Versi Pratinjau

Halaman pratinjau adalah halaman yang hanya muncul ketika kamu membuka pratinjau post atau pages. Biasanya digunakan untuk menyembunyikan script iklan seperti AdSense agar tidak terjadi error.

Conditional Tag

Jika kamu menggunakan conditional tags ini, maka script HTML kamu hanya akan tayang pada tampilan pratinjau atau preview saja. Untuk menggunakannya, kamu bisa gunakan format berikut ini:

Format Conditional Tag Versi Lama

-Tidak Ditemukan-

Format Conditional Tag Versi Baru

<b:if cond='data:view.isPreview'>put your content here</b:if>

Conditional Tag dengan Fungsi Exception (Pengecualian)

Fungsi ini adalah kebalikan dari fungsi conditional tag bawaannya dimana jika kamu menggunakan format ini maka kode HTML kamu akan ditayangkan di semua halaman SELAIN tampilan versi pratinjau yang sudah saya sebutkan sebelumnya. Fungsi ini berfokus pada penggunaan simbol !. Silahkan perhatikan penempatan simbol ! pada format.

Untuk menggunakannya, kamu bisa menggunakan format conditional tag berikut:

Format Conditional Tag Versi Lama

-Tidak Ditemukan-

Format Conditional Tag Versi Baru

<b:if cond='!data:view.isPreview'>put your content here</b:if>

Tampilan Edit Layout di Dashboard

Halaman layout adalah halaman yang berada di bagian dashboard blogger kamu. Halaman ini menampilkan semua widget blog yang kamu gunakan. Biasanya kondisional tag ini diisi dengan CSS untuk mengatur posisi setiap widget pada blog agar enak dilihat dan mudah diakses.

Conditional Tag

Jika kamu menggunakan conditional tags ini, maka script HTML kamu hanya akan tayang pada tampilan layout saja dan tidak mempengaruhi tampilan blog kamu. Untuk menggunakannya, kamu bisa gunakan format berikut ini:

Format Conditional Tag Versi Lama

-Tidak Ditemukan-

Format Conditional Tag Versi Baru

<b:if cond='data:view.isLayoutMode'>put your content here</b:if>

Conditional Tag dengan Fungsi Exception (Pengecualian)

Fungsi ini adalah kebalikan dari fungsi conditional tag bawaannya dimana jika kamu menggunakan format ini maka kode HTML kamu akan ditayangkan di semua halaman SELAIN tampilan edit layout di dashboard yang sudah saya sebutkan sebelumnya. Fungsi ini berfokus pada penggunaan simbol !. Silahkan perhatikan penempatan simbol ! pada format.

Untuk menggunakannya, kamu bisa menggunakan format conditional tag berikut:

Format Conditional Tag Versi Lama

-Tidak Ditemukan-

Format Conditional Tag Versi Baru

<b:if cond='!data:view.isLayoutMode'>put your content here</b:if>

Halaman di URL Tertentu

Halaman di URL tertentu adalah halaman dimuat oleh URL yang di-input.

Conditional Tag

Jika kamu menggunakan conditional tag ini, maka script HTML kamu hanya akan tayang di URL yang kamu masukkan saja. Untuk menggunakannya, kamu bisa gunakan format berikut ini:

Format Conditional Tag Versi Lama

<b:if  cond='data:blog.url == "https://www.ninura.com"'>put your content here</b:if>

Format Conditional Tag Versi Baru

<b:if  cond='data:view.url == "https://www.ninura.com"'>put your content here</b:if>

Conditional Tag dengan Fungsi Exception (Pengecualian)

Fungsi ini adalah kebalikan dari fungsi conditional tag bawaannya dimana jika kamu menggunakan format ini maka kode HTML kamu akan ditayangkan di semua halaman SELAIN halaman di url tertentu yang sudah saya sebutkan sebelumnya. Fungsi ini berfokus pada penggunaan simbol !. Silahkan perhatikan penempatan simbol ! pada format.

Untuk menggunakannya, kamu bisa menggunakan format conditional tag berikut:

Format Conditional Tag Versi Lama

<b:if  cond='data:view.url != "https://www.ninura.com"'>put your content here</b:if>

Format Conditional Tag Versi Baru

<b:if  cond='data:view.url != "https://www.ninura.com"'>put your content here</b:if>

Halaman di Beberapa URL Tertentu

Fungsi dari tag ini sama seperti fungsi halaman di URL Tertentu, hanya saja dengan format ini kamu bisa memasukkan lebih dari satu URL untuk satu fungsi yang sama.

Conditional Tag

Jika kamu menggunakan conditional tag ini, maka script HTML kamu hanya akan tayang di semua URL yang kamu masukkan. Untuk menggunakannya, kamu bisa gunakan format berikut ini:

Format Conditional Tag Versi Lama

<b:if  cond='data:blog.url == "https://www.ninura.com" and data:blog.url == "https://www.ninura.com/p/about.html"'>put your content here</b:if>

atau

<b:if  cond='data:blog.url == "https://www.ninura.com" or data:blog.url == "https://www.ninura.com/p/about.html"'>put your content here</b:if>

Format Conditional Tag Versi Baru

<b:if  cond='data:view.url.canonical in {"https://www.ninura.com","https://www.ninura.com/p/about.html"}'>put your content here</b:if>

atau

<b:if  cond='data:blog.url.canonical in {"https://www.ninura.com","https://www.ninura.com/p/about.html"}'>put your content here</b:if>

Conditional Tag dengan Fungsi Exception (Pengecualian)

Fungsi ini adalah kebalikan dari fungsi conditional tag bawaannya dimana jika kamu menggunakan format ini maka kode HTML kamu akan ditayangkan di semua halaman SELAIN halaman di beberapa url tertentu yang sudah saya sebutkan sebelumnya. Fungsi ini berfokus pada penggunaan simbol !dan NOT. Silahkan perhatikan penempatan simbol ! dan NOT pada format.

Untuk menggunakannya, kamu bisa menggunakan format conditional tag berikut:

Format Conditional Tag Versi Lama

<b:if  cond='data:blog.url != "https://www.ninura.com" and data:blog.url != "https://www.ninura.com/p/about.html"'>put your content here</b:if>

atau

<b:if  cond='data:blog.url != "https://www.ninura.com" or data:blog.url != "https://www.ninura.com/p/about.html"'>put your content here</b:if>

Format Conditional Tag Versi Baru

<b:if  cond='data:view.url.canonical not in {"https://www.ninura.com","https://www.ninura.com/p/about.html"}'>put your content here</b:if>

atau

<b:if  cond='data:blog.url.canonical not in {"https://www.ninura.com","https://www.ninura.com/p/about.html"}'>put your content here</b:if>

Halaman dengan Parameter URL Tertentu

Halaman dengan parameter tertentu adalah halaman yang mempunyai parameter yang ditentukan di bagian URL. Contoh URL-nya:

https://www.ninura.com?m=1 - Menggunakan parameter "m" untuk mobile.

https://www.ninura.com/?amp=1 - Menggunakan parameter amp untuk design AMP

Sayangnya, fitur ini sangatlah terbatas dan tidak bisa dipakai secara asal-asalan. Misalnya, kamu menggunakan parameter "foo", atau lainnya, dan variable asal seperti "x" atau "zzz" maka hasilnya akan error, tidak tayang atau lebih parahnya gagal render.

Sampai sekarang, baru 3 jenis parameter yang bisa digunakan untuk tag ini. Parameter tersebut adalah:

m=1 atau m=0 - Atribut ini sama seperti fungsi conditional tag Tampilan Versi Mobile

amp=1 atau amp=0 - Parameter ini digunakan untuk membedakan design versi AMPHTML dan Non AMPHTML.

hl= diikuti dengan kode negara - Parameter ini digunakan untuk membedakan blog dilihat dari bahasa. HL sendiri adalah singkatan dari Host Language. Contohnya adalah HL=ID atau HL=EN.

Jika kamu punya informasi tambahan tentang penggunaan parameter lain yang bisa diterapkan pada conditional tag ini, tolong beritahu saya melalui kolom komentar.

Conditional Tag

Jika kamu menggunakan conditional tag ini, maka script HTML kamu hanya akan tayang di semua URL yang mempunyai parameter yang sesuai. Untuk menggunakannya, kamu bisa gunakan format berikut ini:

Format Conditional Tag Versi Lama

-Tidak Ditemukan-

Format Conditional Tag Versi Baru

<b:if  cond='data:view.url == data:view.url params { amp: "1"}'>put your content here</b:if>

Conditional Tag dengan Fungsi Exception (Pengecualian)

Fungsi ini adalah kebalikan dari fungsi conditional tag bawaannya dimana jika kamu menggunakan format ini maka kode HTML kamu akan ditayangkan di semua halaman SELAIN halaman dengan parameter url tertentu yang sudah saya sebutkan sebelumnya. Fungsi ini berfokus pada penggunaan simbol !. Silahkan perhatikan penempatan simbol ! pada format.

Untuk menggunakannya, kamu bisa menggunakan format conditional tag berikut:

Format Conditional Tag Versi Lama

-Tidak Ditemukan-

Format Conditional Tag Versi Baru

<b:if  cond='data:view.url != data:view.url params { amp: "1"}'>put your content here</b:if>

Deklarasi AND/ OR/ NOT / IN

Berikut adalah penjelasan tentang deklarasi penghubung seperti AND, OR, dan IN yang bisa digunakan dalam format conditional tag. Sebenarnya beberapa sudah saya tampilkan sebagai contoh. Namun, saya rasa perlu dibuat sesi terpisah untuk deklarasi-deklarasi ini agar lebih jelas.

Deklarasi AND

Deklarasi AND adalah deklarasi yang digunakan untuk menggabungkan 2 atau lebih conditional tag dimana konten baru akan dimuat jika kedua kondisi terpenuhi. Contohnya:

<b:if cond='data:view.isSingleItem and data:view.isPost'>put your content here</b:if>

Dengan contoh diatas, maka script HTML kamu hanya akan dimuat di halaman Post saja meskipun terdapat conditional tag Halaman Item disana.

Script HTML kamu tidak akan muncul di halaman pages.

Deklarasi OR

Deklarasi OR adalah deklarasi yang digunakan untuk menggabungkan 2 atau lebih conditional tag dimana konten baru akan dimuat salah satu kondisi terpenuhi. Contohnya:

<b:if cond='data:view.isPost or data:view.isHomepage'>put your content here</b:if>

Dengan contoh diatas, maka script HTML kamu hanya akan dimuat di halaman Post dan Homepage saja.

Script HTML kamu tidak akan muncul di halaman lain yang tidak ada pada kondisional tag.

Deklarasi IN

Deklarasi IN adalah deklarasi yang digunakan untuk menggabungkan beberapa kondisional tag. Perlu diingat bahwa hanya beberapa saja yang bisa digabung menggunakan deklarasi ini. Beberapa diantaranya adalah label dan url.

<b:if cond='data:blog.url.canonical in {"https://www.ninura.com"."https://www.ninura.com/p/about.html","https://www.ninura.com/search/label/Blogger"}'>put your content here</b:if>

Dengan contoh diatas, maka script HTML kamu hanya akan dimuat di halaman yang URL-nya sesuai dengan salah satu dari URL yang ada pada conditional tag.

Script HTML kamu tidak akan muncul di halaman lain yang URL-nya tidak ada pada kondisional tag.

Deklarasi NOT

Deklarasi NOT adalah deklarasi yang digunakan untuk menggabungkan 2 atau lebih conditional tag dimana konten tidak akan dimuat pada conditional tag yang ditunjukkan dengan NOT.

Deklarasi NOT ini berfungsi sama seperti NOT menggunakan simbol !.

Deklarasi NOT ini biasanya mengikuti deklarasi lain seperti IN.

Contohnya:

<b:if cond='data:blog.url.canonical not in {"https://www.ninura.com"."https://www.ninura.com/p/about.html","https://www.ninura.com/search/label/Blogger"}'>put your content here</b:if>

Dengan contoh diatas, maka script HTML kamu tidak akan dimuat di halaman yang URL-nya sesuai dengan salah satu dari URL yang ada pada conditional tag.

Script HTML kamu akan muncul di halaman lain yang URL-nya tidak ada pada kondisional tag.

Apakah Kode yang Lama Masih Berfungsi?

Untuk saat ini kode tag kondisional yang lama masih berfungsi dengan baik. Namun, tidak tahu apakah pihak Blogger akan menonaktifkan conditional tag yang lama atau tidak. Jadi, saya sarankan untuk meng-update conditional tag yang ada di template blog kamu.

PENUTUP

Untuk mengaplikasikannya di template blog kamu, kamu hanya perlu sedikit logika dan fokus agar tidak salah saat mengaplikasikannya.

Halaman ini akan saya update terus jika ada pengetahuan baru yang saya dapatkan dan belum ada di halaman ini.

Itulah rangkuman saya tentang blogger Conditional tag terbaru versi 2. Jika ada yang salah atau kurang lengkap, silahkan dikoreksi dan ditambahkan melalui kolom komentar. Semoga tulisan saya ini bermanfaat dan sampai jumpa di tulisan saya selanjutnya.

Berlangganan via Email