Kumpulan Tag Kondisional Blogger Lengkap

Kondisional blogger adalah meta tag XML yang bisa digunakan untuk mendapatkan suatu nilai dari sebuah kondisi. Dengan menggunakan tag kondisional blogger kamu bisa memfilter konten yang akan ditampilkan. Meta Kondisional ini juga diterapkan dalam pembuatan template Blogger.

Dalam artikel kali ini saya akan posting kumpulan lengkap tag kondisional Blogger yang versi baru (lebih sederhana) dan juga versi lama. Sama saja, keduanya masih bisa digunakan. Perbedaanya terletak pada kerumitan penggunaan, tag kondisional lama lebih banyak menggunakan word sedangkan yang baru jauh lebih sedikit menggunakan words.

Sebelum anda belajar mendesain Tema Blogger, langkah kedua yang harus diprlajari adalah cara penggunaan meta tag kondisional Blogger. Silakan dinikmati saja beberapa kondisi tag yang saya kumpulkan dari berbagai sumber. (Archived).

Baca Selengkapnya...

1. Halaman Home Page (Halaman Depan)

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

Atau Versi Lama

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

2. Halaman Index Page

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

Atau Versi Lama

<b:if cond='data:blog.pageType == "index"'>

3. Halaman Item (Post Artikel dan Pages)

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

Atau Versi Lama

<b:if cond='data:blog.pageType in ["item", "static_page"]'>

4. Halaman Artikel (Postingan)

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

Atau Versi Lama

<b:if cond='data:blog.pageType == "item"'>

5. Tampilan Halaman ( Pages )

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

Atau Versi Lama

<b:if cond='data:blog.pageType == "static_page"'>

6. Halaman Label

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

Atau Kode tag Versi Lama

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

7. Halama Pencarian Blog

<!-- Termasuk halaman pencarian label -->
<b:if cond='data:view.isSearch'>

<!-- Hanya halaman pencarian -->
<b:if cond='data:view.isSearch and !data:view.isLabelSearch'>

Atau Kode tag Versi Lama

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

8. Halaman Arsip Blog

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

Atau Kode tag Versi Lama

<b:if cond='data:blog.pageType == "archive"'>

9. Halaman Error (404)

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

Atau Menggunakan kode tag Lama

<b:if cond='data:blog.pageType == "error_page"'>

10. Halaman Pratinjau Preview Artikel

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

Menampilkan Konten apabila diakses via label tertentu, misal label Produk, Products, Jasa. (Case Sensitive)
Data label in yang dimaksud dalam data ini adalah Array dipisahkan dengan simbol koma, anda bisa menambahkan lebih banyak lagi.

<b:if cond='data:view.isSearch and data:view.search.label in ["Produk","Products","Jasa","Services"]'>

Penggunaan Deklarasi And, Or dan Not

Not
Deklarasi ini bisa digubanakan untuk mendapatkan nilai salah/false dari suatu kondisi, menggabungkan beberapa kondis yang harus terpenuhi, atau membuat beberapa nilai kondisi seperti if dan else.

Untuk mendapatkan Nilai salah atau false dalam sebuah kondisi, gunakan kode dibawah ini. Kode tag kondisional versi sementara untuk versi lama bisa mebggunakan == atau !==.

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

AND
Sebuah kondisi gabungan antara false dan true menggunakan penggabungan and, gabungan ini dimaksud untuk mendapatkan false dan benar secara beraamaan untuk menampilkan konten. Contoh data:view.isPost kita ambil nilai salah, kemudian data:view.isMultipleItems.

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

OR
Menggunakan Or, kondisi ini bisa digunakan sama seperti if else tapi kamu bisa menambahkan lebih banyak kondisional dengan memisahkanya dengan or, nantinya bila salah satu kondisi terpenuhi maka elemen di dalamnya akan tetap tampil.

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

Membuat sebuah Param url, misalnya anda ingin menampilkan konten apabila blog diakses dari paramener URL
domain-anda.com/post.html?mudah=1
Contoh penggunaan kondisional param URL dibawah ini, kondisi ini hanya akan menampilkan data bila URL diakses diberi parameter mudah dan nilainya 1.

<b:if cond='data:view.url != data:view.url params { mudah: "1" }'>

Sobat juga bisa membuat dua pengecualian atau fungsi else sebagai alternatif untuk menampilkan dua data, misal apabila diakses akses halaman Home akan tampil konten Home, apabila diakses halaman Pages akan tampil konten pages. Gunakan kode dibawah untuk membuat dua kondisional yang berbeda.

// Kode b:else bisa disematkan ditengah b:if
<b:else/>

// Variasi kedua bisa menggunakan elseif
<b:elseif cond='data:view.isHomepage'/>

setiap penggunaan tag kondisional diatas wajib menggunakan meta penutup berupa </b:if>. Agar lebih mudah dalam memahami penggunaan Kondisional Tag diatas, dibawah ini ada salah satu contoh penggunaan kondisional blogger untuk menyusun meta title dan meta description.

<b:if cond='data:blog.adultContent'>
    <meta content='adult' name='rating'/>
</b:if>
<b:if cond='data:blog.metaDescription'>
    <b:if cond='data:view.isSearch and data:view.search.label in ["Produk","Products","Jasa","Services"]'>
        <meta expr:content='data:blog.pageName + &quot; &quot; + data:blog.title + &quot; - &quot; + data:blog.metaDescription' name='description'/>
    <b:elseif cond='data:view.isHomepage'/>
        <meta expr:content='data:blog.metaDescription' name='description'/>
    <b:else/>
        <meta expr:content='data:blog.pageName + &quot; - &quot; + data:blog.metaDescription' name='description'/>
    </b:if>
</b:if>

<b:comment><!-- Title start --></b:comment>
<b:if cond='data:view.isPost'>
    <title><data:blog.pageName/> - <data:blog.title/></title> <b:comment><!-- title post --></b:comment>
<b:elseif cond='data:view.isPage'/>
    <title><data:blog.pageName/> - <data:blog.title/></title> <b:comment><!-- title page --></b:comment>
<b:elseif cond='data:view.isHomepage'/>
    <title><data:blog.pageTitle/></title> <b:comment><!-- title homepage --></b:comment>
<b:elseif cond='data:view.isArchive'/>
    <title><data:blog.pageName/> - <data:blog.title/></title> <b:comment><!-- title archive --></b:comment>
<b:elseif cond='data:view.isLabelSearch'/>
    <title><data:blog.pageName/> - <data:blog.title/></title> <b:comment><!-- title label --></b:comment>
<b:elseif cond='data:blog.pageName == &quot;&quot;'/>
    <title><data:messages.showAll/> - <data:blog.title/></title> <b:comment><!-- title all post --></b:comment>
<b:elseif cond='data:view.search.query'/>
    <title><data:blog.pageName/> - <data:blog.title/></title> <b:comment><!-- title search --></b:comment>
<b:elseif cond='data:view.isError'/>
    <title><data:messages.theresNothingHere/></title> <b:comment><!-- title error --></b:comment>
<b:else/>
    <title><data:blog.pageName/></title> <b:comment><!-- default title --></b:comment>
</b:if>
<b:comment><!-- Title end --></b:comment>

<b:comment><!-- Meta Robots start --></b:comment>
<b:if cond="data:view.isSearch or data:view.isArchive">
    <meta content='noindex, noarchive' name='robots'/>
</b:if>
<b:comment><!-- Meta Robots end --></b:comment>

<b:comment><!-- Meta keywords start --></b:comment>
<b:if cond='data:view.isHomepage'>
    <meta expr:content='data:blog.title' name='keywords'/> 
<b:elseif cond='data:view.isSingleItem'/>
    <meta expr:content='data:blog.pageName' name='keywords'/>
</b:if>

Catatan : meta tag b:comment adalah meta yang digunakan sebagai pemberi komentar pada XML susunan tema, semua kode yang berada didalam b:comment tidak akan ditampilkan dalam output HTML.
Selanjutnya anda akan belajar cara menampilkan data Postingan blog menggunakan tag XML Blogger