Baru Tag Kondisional Blogger, Cara Menggunakan bagi Pemula

Bagi yang ingin belajar template blogger pasti tau apa itu Tag Konditional. Mungkin ada juga yang baru tau atau mungkin baru mendengarnya. Di sini saya akan menjelaskan apa itu tag konditional pada blogger. Karena seorang blogger harus menguasai setidaknya sedikit dari tag kondisional blogger untuk mengelola blognya.

Apa itu Tag Konditional

Tag konditional adalah tag yang digunakan untuk mengatur kondisi atau tampilan penempatan pada bagian-bagian tertentu, seperti widget atau elemen lainnya. Dengan tag konditional ini blog bisa diatur sesuai dengan keinginan sehingga tampilan blog bisa berbeda-beda.

Struktur Tag Konditional

<b:if cond='true atau false'></b:if>

Kondisi merupakan tempat jenis tag. di atas akan ditampilkan pada sebuah kondisi yang akan di cantumkan.

Update tag kondisional versi baru lengkap

Update! tag kondisional blogger terbaru yang penggunaannya lebih mudah.

Halaman Homepage (halaman depan)

Contoh url: https://www.mankoin.blog/

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

Baru

<b:if cond='data:view.isHomepage'></b:if>

Halaman Posting atau Artikel

Contoh url: https://www.mankoin.blog/2017/01/tag-konditional-cara-penggunaannya.html

<b:if cond='data:blog.pageType == &quot;item&quot;'></b:if>

Baru

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

Halaman Statis atau Laman

Contoh url: https://www.mankoin.blog/p/contact-us.html

<b:if cond='data:blog.pageType == &quot;static_page&quot;'></b:if>

Baru

<b:if cond='data:view.isPage'></b:if>

Halaman Indeks

Tag untuk halaman yang memiliki fitur untuk mencari artikel, seperti halaman homepage, search, label dan arsip.

<b:if cond='data:blog.pageType == &quot;index&quot;'></b:if>

Baru

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

Halaman Label

Contoh url: https://www.mankoin.blog/search/label/Blogger

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

Baru

<b:if cond='data:view.isLabelSearch'></b:if>

Halaman dengan label tertentu

akan muncul pada halaman label yang ditentukan.

<b:if cond='data:blog.searchLabel == &quot;Suatu-Label&quot;'></b:if>

Baru

<b:if cond='data:view.search.label == &quot;Suatu-Label&quot;'></b:if>

Halaman Search atau Pencarian

Contoh url: halaman pencarian: https://blogsaya.blogspot.com/search?q=blogger

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

Baru

<b:if cond='data:view.search.query'></b:if>

Halaman search dengan kata kunci tertentu

Bagian yang akan muncul di halaman search dengan memiliki kata kunci tertentu.

<b:if cond='data:blog.searchQuery == &quot;Kata Kunci&quot;'></b:if>

Baru

<b:if cond='data:view.search.query == &quot;Kata Kunci&quot;'></b:if>

Halaman Archive atau Arsip

Contoh url: https://www.mankoin.blog/2017/01/

<b:if cond='data:blog.pageType == &quot;archive&quot;'></b:if>

Baru

<b:if cond='data:view.isArchive'></b:if>

Halaman Error Page (halaman tidak di temukan)

Tag ini gunanya untuk menampilkan peringatan bahwa halaman yang dicari tidak ada atau kesalahan url.

<b:if cond='data:blog.pageType == &quot;error_page&quot;'></b:if>

Baru

<b:if cond='data:view.isError'></b:if>

Halaman Url Tertentu (Khusus)

<b:if cond='data:blog.url == &quot;Url halaman&quot;'></b:if>

data:blog.url adalah kode untuk menampilkan url asli yang dibuka. Di versi terbaru bisa menggunakan data:view.url. Ketika url tersebut sama dengan url yang diisi, maka hasilnya akan benar sehingga . Jika pindah ke custom domain maka Url Halaman juga dari blogspot harus diganti dengan custom domain.

Contoh url: https://www.mankoin.blog/2017/01/tag-konditional-cara-penggunaannya.html.

Halaman Preview dan Layout atau Pratinjau dan Tata Letak

Tak ini bisa digunakan untuk tidak menampilkan js adsense pada halaman layout (tata letak) dan preview (pratinjau). Tujuannya tentu agar iklan tidak tampil saat artikel di buka dalam pratinjau.

<b:if cond='data:view.isLayoutMode and data:view.isPreview'></b:if>

Tag Kondisional di Luar Suatu Kondisi - Pengecualian

Tag di atas tadi fungsinya untuk meletakkan dalam suatu kondisi. Tapi cara untuk agar menjadi di luar suatu kondisi dengan mengganti kode == menjadi !=Contoh:

<b:if cond='data:blog.pageType != &quot;index&quot;'></b:if>

Halaman Index adalah halaman homepage, search, label dan arsip. Maka dengan tag di atas, akan berada di luar halaman index. Jadi halaman seperti posting dan statis page akan muncul .

Baru

Untuk yang baru bisa menggunakan kode ! atau not yang diletakkan di depannya.

<b:if cond='!data:view.isMultipleItems'></b:if>

ATAU

<b:if cond='not data:view.isMultipleItems'></b:if>

Menggabungkan Tag Kondisional - Multi

Cara menggabungkan 2 tag sekaligus, dan fungsinya tetap sama,

<b:if cond='data:blog.pageType != &quot;item&quot; or data:blog.pageType != &quot;static_page&quot;'></b:if>

Tag di atas artinya akan muncul pada halaman di luar item dan static_page. Arti dari or adalah jika salah satu dari kondisi benar maka akan ditampilkan. Jika harus pada kondisi tertentu maka menggunakan and.

Untuk menggabungkan banyak url halaman pada tag halaman tertentu. Jika no.11 di atas hanya 1 url saja, maka untuk multi urlnya:

<b:if cond='data:view.url in {&quot;Url halaman 1&quot;,&quot;Url halaman 2&quot;,&quot;Url halaman seterusnya&quot;}'></b:if>

Perhatikan ada koma. Di sisi lain bisa menggunakan and, yang artinya jika penggunann dari kedua/lebih kondisi benar maka akan ditampilkan. Jika salah satu tidak benar maka tidak akan ditampilkan.

Jika tidak benar tampilkan yang lain

Jika menampilkan berbeda pada halaman berbeda tidak harus menggunakan dua tag kondisional.

Caranya

<b:if cond='data:blog.pageType == &quot;item&quot;'> 1 <b:else/> 2 </b:if>

1 akan terdapat pada halaman posting. Tapi jika halamannya tidak di postingan maka akan menggunakan 2. Jadi <b:else/> fungsinya untuk pengecualian dari kode di atasnya.

Tag Konditional untuk versi mobile

Saya tambahkan tag untuk mengatur tampilan mobile. Yang membuat berbedaan antara tampilan di komputer dan smartphone.

Tag dalam mobile

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

Itulah Tag Tonditional blogger untuk versi halaman, Dengan versi kedua proses akan lebih cepat walaupun terlihat sama saja (tidak terasa). Di versi satu yang menggunakan == terdapat 2 proses yaitu memanggil data dan membandingkan data. Sedangkan pada versi dua hanya memanggil saja. Di blog ini menggunakan yang paling baru dan dengan meminimalkan proses se-sedikit mungkin.

Sebenarnya masih ada banyak tag lainnya yang bukan untuk halaman. Sekian dari saya. Selamat mencoba dan cek apakah kodenya berhasil.

Artikel Menarik Lainnya

Komentar
Disqus