Tag Kondisional Blogger Terbaru

Kumpulan kode Blogspot conditional tags versi terbaru LENGKAP yang lebih sederhana. Disertai contoh, cara penggunaan, penjelasan, dan fungsinya.
Kode Tag Kondisional Halaman Blogger Terbaru

Tag kondisional Blogger template memungkinkan kamu untuk menentukan script atau widget mana saja yang ingin ditampilkan di halaman tertentu. Misalnya, menampilkan widget Artikel Terpopuler hanya di halaman utama saja, script jQuery yang hanya dipanggil di halaman postingan saja, dan lain sebagainya. Template yang kompleks memanfaatkan Blogger conditional tag tersebut.

Baru-baru ini, kode dari tag kondisional sudah diupdate. Dan di artikel ini, blog Igniel akan menginformasikan kumpulan tag kondisional halaman Blogger terbaru.

Untuk mengetahui bagaimana menerapkan cara memasang widget di halaman yang spesifik, silakan baca artikel Menampilkan atau Menyembunyikan Widget Blogger di Halaman Tertentu.

Blogger Conditional Tag

Saya akan menyertakan Blogger conditional tag versi baru dan lama agar lebih mudah dipahami jika ingin bermigrasi beserta contoh URLnya.

1. Homepage (Halaman Utama)
Hanya halaman utama saja.

<b:if cond='data:view.isHomepage'>
Versi lama
<b:if cond='data:blog.url == data:blog.homepageUrl'>
Contoh URL:
https://www.igniel.com


2. Halaman Indeks
Mencakup halaman indeks atau multiple post seperti homepage, pencarian, label, dan arsip.

<b:if cond='data:view.isMultipleItems'>
Versi lama
<b:if cond='data:blog.pageType == "index"'>
Contoh URL:
https://www.igniel.com
https://www.igniel.com/search?q=query
https://www.igniel.com/search/label/Blogger
https://www.igniel.com/search?label=Blogger
https://www.igniel.com/2020

...dan lain-lain


3. Halaman Item (Post dan Page)
Halaman posting dan statis.

<b:if cond='data:view.isSingleItem'>
Versi lama
<b:if cond='data:blog.pageType in ["item", "static_page"]'>
Contoh URL:
https://www.igniel.com/2017/12/tag-kondisional-blogger-terbaru.html
https://www.igniel.com/p/about.html


4. Halaman Post (Artikel Tunggal)

<b:if cond='data:view.isPost'>
Versi lama
<b:if cond='data:blog.pageType == "item"'>
Contoh URL:
https://www.igniel.com/2017/12/tag-kondisional-blogger-terbaru.html


5. Halaman Page (Statis)

<b:if cond='data:view.isPage'>
Versi lama
<b:if cond='data:blog.pageType == "static_page"'>
Contoh URL:
https://www.igniel.com/p/about.html


6. Halaman URL Tertentu

<b:if cond='data:view.url == data:blog.homepageUrl path "<PATH DARI HALAMAN>"'>
Contoh penulisan:
<b:if cond='data:view.url == data:blog.homepageUrl path "/p/about.html"'>


7. Halaman Label

<b:if cond='data:view.isLabelSearch'>
Versi lama
<b:if cond='data:blog.searchLabel'>
Contoh URL:
https://www.igniel.com/search/label/Blogger
https://www.igniel.com/search?label=Blogger


8. Halaman Pencarian
Hanya halaman pencarian berdasarkan query.

<b:if cond='data:view.isSearch and !data:view.isLabelSearch'>
Contoh URL:
https://www.igniel.com/search?q=query

Termasuk halaman pencarian label (semua yang mengandung kata "search" di URL)
<b:if cond='data:view.isSearch'>
Contoh URL:
https://www.igniel.com/search?q=query
https://www.igniel.com/search/label/Blogger
https://www.igniel.com/search?label=Blogger

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


9. Halaman Arsip

<b:if cond='data:view.isArchive'>
Versi lama
<b:if cond='data:blog.pageType == "archive"'>
Contoh URL:
https://www.igniel.com/2020
https://www.igniel.com/2020/04
https://www.igniel.com/2020_04_14_archive.html


10. Halaman Error 404 (Page Not Found)

<b:if cond='data:view.isError'>
Versi lama
<b:if cond='data:blog.pageType == "error_page"'>
Contoh URL:
https://www.igniel.com/404.html


11. Halaman Mobile
Semua yang memiliki parameter ?m=1.

<b:if cond='data:blog.isMobileRequest'>
Contoh URL:
https://www.igniel.com?m=1


12. Halaman Pratinjau (Preview)

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


13. Halaman Edit Layout di Dashboard

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


Deklarasi NOT, AND, OR

Tag kondisional Blogger juga bisa menggunakan NOT, AND, atau OR.

1. NOT
Kondisi jika bukan halaman yang dimaksud. Tambahkan tanda seru !

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


2. AND
Kondisi jika keduanya benar. Tambahkan and.

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


3. OR
Kondisi jika salah satunya benar. Tambahkan or.

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


Apa Fungsinya Masih Sama Dengan Tag Kondisional Lama?

YES! Masih sama banget. Cuma format penulisannya saja yang beda. Jadi kalau template kamu masih pakai tag kondisional Blogger lama, jangan khawatir. Semuanya masih berjalan dengan normal kok meskipun tidak diganti pakai yang baru. Tapi biar lebih up to date, tidak ada salahnya kamu ganti dengan tag kondisional Blogger terbaru ini.

Itu dia beberapa kumpulan kode Blogger conditional tag terbaru. Formatnya lebih sederhana dari sebelumnya, kan? Buat para pembuat template pasti berguna banget nih. Kalau mau menambahkan atau koreksi, silakan kasih komen dibawah.

51
Tag Kondisional Blogger Terbaru
Tag Kondisional Blogger Terbaru
Kumpulan kode Blogspot conditional tags versi terbaru LENGKAP yang lebih sederhana. Disertai contoh, cara penggunaan, penjelasan, dan fungsinya.
Bagikan ke aplikasi lainnya:
  • WhatsApp
  • Telegram
  • Facebook
  • X (Twitter)
  • Pinterest
  • LinkedIn

Artikel Terkait

51 komentar

  • Menulis kode gunakan <i>kode</i> (kode harus di-parse)
  • Menulis dalam syntax highlighter gunakan <em>kode panjang</em> (kode harus di-parse)
  • Menyisipkan gambar gunakan <strong>URL GAMBAR</strong> (ekstensi .jpg, .png, .gif, .webp, .ico)
  • Centang Beri Tahu Saya untuk mendapatkan notifikasi ke email saat ada yang membalas komentar.
  • Ehsaaan
    20 Maret, 2024
    Profil: https://www.blogger.com/profile/18301344476097593206
    kalo nampilin hanya di artikel dengan label tertentu gimana mba? misalnya nampilin widget di artikel yg punya label Tutorial doang
  • Aurealisa
    25 Januari, 2024
    Profil: https://www.blogger.com/profile/14795598704066586609
    Yang nomor 3 Halaman Item kalo untuk Postingan saja bagaimana penerapannya yaa
    • Aurealisa
      29 Januari, 2024
      Profil: https://www.blogger.com/profile/14795598704066586609
      yaa ampun galiat kak ternyata ada di nomor 4
    • Aurealisa
      30 Januari, 2024
      Profil: https://www.blogger.com/profile/14795598704066586609
      eh gimana sih masih salah
  • Asep Alfakir
    12 Juli, 2023
    Profil: https://www.blogger.com/profile/07098504852003615228
    Sangat detail dan lengkap
  • Teuku.Net
    13 Juni, 2023
    Profil: https://www.blogger.com/profile/02049899818747226305
    Selamat siang mbak, maaf saya ngintip kode template nya ya.. saya penasaran dengan kode <link href="https://www.igniel.com/?m=1" rel="alternate" /> ini imana ya cara buat nya...?

    terimakasih mbak...
    • AdiCore
      29 September, 2023
      Profil: https://www.blogger.com/profile/05339758196749330712
      seperti ini kodenya <link expr:href='params(data:view.url, { m: "1" })' name='link' rel='alternate'/> itu untuk semua halaman
  • AdiCore
    07 April, 2023
    Profil: https://www.blogger.com/profile/05339758196749330712
    saya mencoba menambahkan multiple halaman seperti ini gak bisa.



    mungkin bisa pakai data:view.pageId in ["PagesID"].

    tapi saya lebih enak kalau pakai path url nya. apa memang gak bisa ya mbak?
    • AdiCore
      07 April, 2023
      Profil: https://www.blogger.com/profile/05339758196749330712
      maaf kodenya gak muncul, maksud saya seperti ini

      data:view.url path "/p/terms.html" or data:view.url path "/p/privacy.html"
  • Premraj MS
    15 Februari, 2023
    Profil: https://www.blogger.com/profile/08799598023322662877
    Komentar ini telah dihapus oleh Premraj MS selaku penulis.
  • Jiじ
    10 Januari, 2023
    Profil: https://www.blogger.com/profile/09886452788688705534
    Mba untuk tag url tertentu itu hanya bisa untuk 9 url saja yah? gak bisa lebih... Misal saya ingin menampilan suatu elemen di url tertentu, nah saya pakai pemnghubung "and" ternyata setelah 9 url gak bisa berfungsi lagi dan malah elemennya menghilang... Kalau pengen banyak url gimana yah mba caranya?
    • AdiCore
      10 Januari, 2023
      Profil: https://www.blogger.com/profile/05339758196749330712
      mungkin bisa pakai ID postingan/page
  • Anonim
    Anonim18 September, 2022
    Komentar ini telah dihapus oleh Anonim selaku penulis.
  • murahcek
    07 Juli, 2022
    Profil: https://www.blogger.com/profile/09746291397974404341
    mbak kalo pake kondisional if else (tanda ? : ) gimana caranya?
    Saya pake bootstrap, saya pengin kolom artikel semua pake 'col-lg-8' sedang khusus statispage / isPage pake 'col-lg-12'?
    rencana-nya statis page buat landingpage.
    mohon dibantu...
    • AdiCore
      07 Juli, 2022
      Profil: https://www.blogger.com/profile/05339758196749330712
      pakai saja tag untuk membuat element html tertentu dan bisa ditambahkan condisional seperti ini . coba cari di google cara menggunakan .
    • AdiCore
      07 Juli, 2022
      Profil: https://www.blogger.com/profile/05339758196749330712
      maaf kodenya lupa saya parse jadi gak muncul di komen, maksud saya pakai tag blogger b:tag. seperti ini <b:tag cond='data:view.isPost' name='div' class='col-lg-8'>. coba cari di google cara menggunakan b:tag.
    • Igniel
      07 Juli, 2022
      Profil: https://www.blogger.com/profile/09199170379661896200
      <div expr:class='data:view.isPage ? "col-lg-12" : "col-lg-8"'>
    • autojualan
      05 November, 2022
      Profil: https://www.blogger.com/profile/12494444796291221574
      makasih banget.. bisa
  • Mas Angga
    08 Juni, 2022
    Profil: https://www.blogger.com/profile/15965572284830012545
    Kalau untuk menghilangkan elemen tertentu jika terdapat label Artikel bagaimana kak
    https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8QrxCUmy_0cs0VuStEy88hA52LqGT4RBaoEhsBetIfxwzSkRTDqAEifuzYcHrWBra1pXNNMbivfSI1VusSYgwlbqC6Oq3Sp2Ee_v0W0IsigYv-xrA-oNiZ5_vBGQH4tjbG3xYhB3CTXthIVTBRpoO4w8_44dtMPLwAyBmT-jhB2ziFI8g1SxuyozkKw/s320/IMG_20220608_173025.jpg
  • Gurindam Daily
    12 April, 2022
    Profil: https://www.blogger.com/profile/10593234784194599422
    Oke, saya coba gan
  • AdiCore
    16 Februari, 2022
    Profil: https://www.blogger.com/profile/05339758196749330712
    kalau multiple halaman statis seperti ini apa bisa ya mbak?


    <b:if cond='data:blog.url != data:blog.canonicalHomepageUrl path ["/p/about.html", "/p/contact.html", "/p/privacy.html"]'>

  • Kincaid
    08 Februari, 2022
    Profil: https://www.blogger.com/profile/00620754151629927068
    Semoga Update Igniplex mengikuti pembaharuan dari Blogger juga. 😁
  • Asep Rohimat
    06 Februari, 2022
    Profil: https://www.blogger.com/profile/13503791911000091655
    Komentar ini telah dihapus oleh Asep Rohimat selaku penulis.
  • Rabbit Run
    01 Januari, 2022
    Profil: https://www.blogger.com/profile/15515183494785880008
    Kak,, saya udah bkin sticky popular post hanya tmpil di postingan statis, namun, di main page masih ada ruang kosong ,, meski tampilan main page tanpa sticky popularpost , keliatan gak beda jauh kyk transparan... Template yg saya gunakan: fiksioner.. mhon dibantu kak
    • Rabbit Run
      01 Januari, 2022
      Profil: https://www.blogger.com/profile/15515183494785880008
      Ini kode yg saya pakai ='sidebar' cond='data:view.isPost' id='sidebarSticky' showaddelement='true'>
    • Rabbit Run
      01 Januari, 2022
      Profil: https://www.blogger.com/profile/15515183494785880008
      Kayak gini kak tampilannya,, hilang, tapi nampak transparan
      https://ibb.co/YZQfLgh
    • Rabbit Run
      01 Januari, 2022
      Profil: https://www.blogger.com/profile/15515183494785880008
      https://ibb.co/YZQfLgh
  • Rabbit Run
    01 Januari, 2022
    Profil: https://www.blogger.com/profile/15515183494785880008
    Ternyata jawaban yg saya cari2 ada di no 7... Thanks kak
  • AdiCore
    30 November, 2021
    Profil: https://www.blogger.com/profile/05339758196749330712
    apa ada tag kondisional khusus untuk menampilkan untuk admin saja, mbak?
  • Admin Website
    12 Agustus, 2021
    Profil: https://www.blogger.com/profile/09888208126447665102
    kalau conditional tag halaman posting, tapi dengan kondisi label tertentu bagaimana mbak. Makasih. Maksudnya, saya mau buat halaman posting dengan label tertentu dengan mengenakan CSS khusus.
  • Audri K.
    28 November, 2020
    Profil: https://www.blogger.com/profile/05623799770285768941
    Mba kalau mau bikin tag conditional contoh,
    1. Saya tidak ingin menampilkan widget ABC di page halaman, tapi widget ABC ini saya ingin munculkan di post itu bagaimana ya? Soalnya widgetnya itu didalamnya ada tag gitu..

    Jadi gini dia


    < div class='widgetABC'>
    - ini merupakan gabungan page halaman dan post artikel..
    < div>
    • Muhammad Reza
      24 Desember, 2020
      Profil: https://www.blogger.com/profile/06890823464453117871
      Pakai tag kondisional yg ini <b:if cond='data:view.isPost'>
  • Mas Iwan
    02 Juni, 2019
    Profil: https://www.blogger.com/profile/02208884577430079104
    Izin buat buat belajar mbak..
  • Justina
    14 April, 2019
    Profil: https://www.blogger.com/profile/09189218171727098021
    update dong, tag kondisional terbaru untuk layout 3. soalnya tag islast dan sejenisnya udah nggak bisa di pakai di layout 3
    • Igniel
      13 Agustus, 2021
      Profil: https://www.blogger.com/profile/09199170379661896200
      Ini kan memang tag kondisional terbaru.
  • Unduh Logo
    30 Januari, 2019
    Profil: https://www.blogger.com/profile/16125215230091372486
    Mbak, halaman index itu halaman apa ya? Contohnya URLnya namablog.com/search?updated-max....... bukan?
    • Igniel
      13 Januari, 2020
      Profil: https://www.blogger.com/profile/09199170379661896200
      Semua halaman kecuali post dan page. Jadi search juga termasuk.
  • Andhika Elfriza
    26 Januari, 2019
    Profil: https://www.blogger.com/profile/09323828802334580953
    Perbedaan Homepage dan Halaman index di blogger.com apanya yah mba?
  • Iman Ridhwan Syah
    18 Desember, 2018
    Profil: https://www.blogger.com/profile/15827452203722959195
    pertanyaan ku adalah bagaimana cara menampilkan iklan parallax size 300x600 hanya di versi mobile?
  • Haris Schildhauer
    13 November, 2018
    Profil: https://www.blogger.com/profile/06420028040010477387
    Ooooo.... begitu, pantas puyeng nyarinya haha... lha terus kalau ingin menampilkan gadget di semuanya gimana? (homepage, single post, page, etc...) kok ndak bisa ya?
    • Igniel
      13 November, 2018
      Profil: https://www.blogger.com/profile/09199170379661896200
      Kalau mau tampil di semua tempat jangan dikasih tag kondisional.
  • The Julak
    23 Februari, 2018
    Profil: https://www.blogger.com/profile/14475568296585302055
    Blog mantep. Salut dah isinya bobot A1. Teruskan berkarya.
  • Mastah Bocah
    27 Desember, 2017
    Profil: https://www.blogger.com/profile/06384935328028374266
    Bener-bener master coding :v
    ane mah blank
  • DRCreative
    27 Desember, 2017
    Profil: https://www.blogger.com/profile/10249888659263531564
    ternyata saya masih pake versi jadul wkwk
  • Anonim
    Anonim26 Desember, 2017
    Maaf mbk igniel, tag diatas gunanya untuk apa saja ya? Saya masih kurang faham ,
    • Igniel
      27 Desember, 2017
      Profil: https://www.blogger.com/profile/09199170379661896200
      Gunanya untuk menampilkan script atau widget di halaman tertentu. Misalnya hanya di halaman index, hanya di halaman posting, dll. Pake kode diatas.
  • Adi Pradana
    26 Desember, 2017
    Profil: https://www.blogger.com/profile/14549946660106542367
    Nice one