Memahami Conditional Tags Blogger
Tuesday, October 30, 20180 Comments
Memahami Conditional Tags Blogger
A dreamer who trying to loves writing and blogwalking. Man of nature. The wrong man in the wrong time. Going with the flow. Penggemar CSS dan HTML.
Memahami Conditional Tags Blogger
Sebagai pengembang atau sebagai seseorang yang suka ngoprek template blogger, kita harus mengetahui tentang Conditional Tags blogger. Conditional Tags adalah kode-kode yang digunakan untuk mengatur gadget / widget atau elemen tertentu untuk ditampilkan atau tidak ditampilkan di halaman tertentu. Misalnya pada halaman utama kita ingin menampilkan sidebar tetapi ketika pengunjung membuka halaman artikel maka sidebar tidak ditampilkan. Nah, untuk mengatur sidebar muncul dan tidak muncul maka digunakan Conditional Tag.
Di template Qolorful akupun menggunakan banyak Conditional Tag dimana halaman beranda dan halaman artikel mempunyai UI yang berbeda. Ketika di beranda kita akan melihat sidebar sementara di halaman artikel sidebarnya aku hilangkan. Menurutku asik sekali bermain dengan Conditional Tags blogger ini, dengan kode-kode ini kita jadi bisa berkreasi sebebas mungkin untuk ngoprek User Interface blog kita.
Blogger Icon & Coding
Berikut adalah Conditional Tags terbaru untuk blogger.
  1. Beranda.
    <!-- Versi Baru -->
    <b:if cond='data:view.isHomepage'>
    ...
    </b:if>
    
    <!-- Versi Lama -->
    <b:if cond='data:blog.url == data:blog.homepageUrl'>
    ...
    </b:if>
    
  2. Halaman Artikel.
    <!-- Versi Baru -->
    <b:if cond='data:view.isPost'>
    ...
    </b:if>
    
    <!-- Versi Lama -->
    <b:if cond='data:blog.pageType == "item"'>
    ...
    </b:if>
    
    Atau
    
    <!-- Versi Baru -->
    <b:if cond='data:view.isSingleItem'>
    ...
    </b:if>
    
    <!-- Versi Lama -->
    <b:if cond='data:blog.pageType in ["item", "static_page"]'>
    ...
    </b:if>
    
  3. Index.
    Halaman index termasuk homepage, halaman label, halaman pencarian dan halaman arsip.
    <!-- Versi Baru -->
    <b:if cond='data:view.isMultipleItems'>
    ...
    </b:if>
    
    <!-- Versi Lama -->
    <b:if cond='data:blog.pageType == "index"'>
    ...
    </b:if>
    
  4. Halaman Statis.
    Halaman statis adalah halaman blogger yang kita buat di bagian halaman blogger.
    <!-- Versi Baru -->
    <b:if cond='data:view.isPage'>
    ...
    </b:if>
    
    <!-- Versi Lama -->
    <b:if cond='data:blog.pageType == "static_page"'>
    ...
    </b:if>
    
  5. Halaman Label.
    <!-- Versi Baru -->
    <b:if cond='data:view.isLabelSearch'>
    ...
    </b:if>
    
    <!-- Versi Lama -->
    <b:if cond='data:blog.searchLabel'>
    ...
    </b:if>
    
  6. Halaman Arsip.
    <!-- Versi Baru -->
    <b:if cond='data:view.isArchive'>
    ...
    </b:if>
    
    <!-- Versi Lama -->
    <b:if cond='data:blog.pageType == "archive"'>
    ...
    </b:if>
    
  7. Halaman Pencarian dan Halaman Label.
    <!-- Versi Baru -->
    <b:if cond='data:view.isSearch'>
    ...
    </b:if>
    
    <!-- Versi Lama -->
    <b:if cond='data:view.isSearch and !data:view.isLabelSearch'>
    ...
    </b:if>
    
  8. Halaman Error 404.
    <!-- Versi Baru -->
    <b:if cond='data:view.isError'>
    ...
    </b:if>
    
    <!-- Versi Lama -->
    <b:if cond='data:blog.pageType == "error_page"'>
    ...
    </b:if>
    
  9. Halaman Pratinjau.
    <b:if cond='data:view.isPreview'>
    ...
    </b:if>
  10. Label Spesifik.
    Ubah PUT_LABEL_NAME_HERE dengan nama label kita. Nama label peka huruf besar dan kecil.
    <b:if cond='data:post.labels any (l => l.name == "PUT_LABEL_NAME_HERE")'>
    ...
    </b:if>
  11. Halaman atau URL Spesifik.
    Ubah PUT_URL_HERE dengan url halaman / entri / label apa pun.
    <b:if cond='data:blog.url == "PUT_URL_HERE"'>
    ...
    </b:if>

Menerapkan Multiple Conditional Tags
Dengan menempatkan tag <b: else />, kita dapat menambahkan beberapa ketentuan. Artinya jika kondisi pertama tidak berfungsi maka lakukan kondisi kedua. Lihat contoh di bawah ini
<b:if cond='data:view.isSingleItem'>
<!-- Konten-1 di eksekusi ketika konten pertama Benar -->
<b:else/>
<!-- Konten-2 di eksekusi ketika konten pertama Salah -->
</b:if>

Menerapkan Reverse Conditional Tags
Jika kita ingin membalikkan Conditional Tag, kita dapat melakukannya dengan mengubah operator perbandingan dari == (sama dengan) menjadi != (Tidak sama dengan).
<b:if cond='data:blog.pageType != "item"'> 
<!-- Konten di eksekusi ketika konten Benar -->
</b:if>
Pada contoh di atas, konten akan muncul pada semua halaman kecuali halaman posting. Tapi perlu di ingat bahwa kita tidak dapat menerapkan metode ini ke Pencarian-Label dan First Post.

Kesimpulan
Tentang Conditional Tags ini memang aku tidak hapal semuanya, jadi aku tulis saja semua kodenya di artikel ini. Artikel ini adalah hasil risetku tentang Conditional Tags Blogger yang sumber-sumbernya aku temukan di Google. Demikian beberapa versi terbaru dari Conditional Tags untuk Blogger yang telah saya share kali ini. Semoga artikel yang cukup singkat ini dapat bermanfaat bagi kita semua. Kita berjumpa lagi di artikel berikutnya. Ciao!

Sumber
  • https://www.codiblog.com/2016/09/blogger-conditional-tags.html
  • https://www.arlinadzgn.com/2017/05/tag-kondisional-blogger-terbaru.html
  • https://khalistablog.blogspot.com/2018/07/blogger-conditional-tags.html

No comments:

Post a Comment