Menampilkan Widget Pada Halaman Tertentu Dengan Conditional Tag
Menampilkan Widget Pada Halaman Tertentu Dengan Conditional Tag | www.reload.id - Setelah sebelumnya admin mempublish artikel cara Menampilkan Arsip Label Postingan secara Random, kini admin mau share satu hal yang penting banget bagi sobat blogger untuk mempercantik dan memfungsikan mesin blogspot menjadi lebih fungsional yaitu dengan memahami Conditional Tag pada Blogger.
Apa Itu Conditional Tag pada Blogger ? Conditional Tag Blogger adalah Tag atau Kode untuk menampilkan suatu element HTML pada template blogger yang bisa disesuaikan dengan kondisi halaman blogger. Seperti telah disinggung pada judul artikel yang sedang sobat baca di reload.id ini, Fungsi Conditional Tag yaitu untuk bisa menampilkan / menyembunyikan Widget pada halaman tertentu. misal menampilkan slider slideshow hanya pada homepage (halaman utama) saja. menampilkan widget contact form hanya pada halaman hubungi kami, mengaktifkan lightbox hanya pada halaman artikel / item, menyembunyikan JS / Jquery yang tidak diperlukan pada halaman statis dan lain sebagainya.
By The Way Conditional Tag Blogger telah update ada Versi Lama dan Versi Terbaru yang lebih simple.
Okelah Tanpa a, i, u, e, o lagi, berikut daftar Condtiontal Tag Blogger untuk menampilkan / menyembunyikan widget sesuai kondisi yang kita inginkan :
Conditional Tag Blogger Versi Lama
1. Halaman Homepage
<b:if cond='data:blog.url == data:blog.homepageUrl'>kode html disini</b:if>
2. Halaman Index (Home, Arsip Label & Pencarian)
<b:if cond='data:blog.pageType == "index"'>kode html disini</b:if>
3. Halaman Postingan Artikel (Item Posts)
<b:if cond='data:blog.pageType == "item"'>kode html disini</b:if>
4. Halaman Statis (Pages)
<b:if cond='data:blog.pageType == "static_page"'>kode html disini</b:if>5. Halaman Postingan Artikel & Statis Page
<b:if cond='data:blog.pageType in ["item", "static_page"]'>kode html disini</b:if>6. Halaman Arsip Pencarian Label
<b:if cond='data:blog.searchLabel'>kode html disini</b:if>
7. Halaman Arsip Pencarian label tertentu
<b:if cond='data:blog.searchLabel == "Suatu-Label"'></b:if>
8. Halaman Arsip (Label, Author, Tanggal)
<b:if cond='data:blog.pageType == "archive"'>kode html disini</b:if>
9. Halaman Pencarian
<b:if cond='data:blog.searchQuery'>kode html disini</b:if>
10. Hanya tampil di Mobile
<b:if cond='data:blog.isMobileRequest == "true"'> .... </b:if>
11. Hanya tampil di Dekstop
<b:if cond='data:blog.isMobileRequest == "false"'> .... </b:if>
12. Halaman Error
<b:if cond='data:blog.pageType == "error_page"'> ... </b:if>
13. Halaman yang tidak ditampilkan !=
<b:if cond='data:blog.pageType != "item"'>kode html disini</b:if> (tidak tampil di postingan)
14. Menggabungkan halaman (and / or)
Conditional Tag Blogger Versi Terbaru
1. Home Page
<b:if cond='data:view.isHomepage'>kode html disini</b:if>
<b:if cond='data:view.isMultipleItems'>kode html disini</b:if>
<b:if cond='data:view.isSingleItem'>kode html disini</b:if>
<b:if cond='data:view.isPost'>kode html disini</b:if>
<b:if cond='data:view.isPage'>kode html disini</b:if>
<b:if cond='data:view.isLabelSearch'>kode html disini</b:if>
<b:if cond='data:view.search.label == "Suatu-Label"'> ... </b:if>
<b:if cond='data:view.isArchive'>kode html disini</b:if>
<b:if cond='data:view.isSearch'>kode html disini</b:if>
<b:if cond='data:view.isSearch and !data:view.isLabelSearch'>kode html disini</b:if>
<b:if cond='data:view.isMobile'> ... </b:if>
<b:if cond='!data:view.isMobile'> ... </b:if>
<b:if cond='not data:view.isMobile'> ... </b:if>
<b:if cond='data:view.isError'>kode html disini</b:if>
<b:if cond='data:view.isPost'>kode html disini</b:if> (tidak tampil di post)Halaman Url
<b:if cond='data:view.url in {"Url halaman A","Url halaman B","Url halaman seterusnya"}'> ... </b:if>Untuk menerapkan kondisi pada widget, maka bisa menambahkan kode conditional tag diantara tag <b:includable id='main'><b:if cond="kondisi">...</b:if></b:includable>. seperti contoh pada kasus admin yang menampilkan widget HTML12 hanya pada item post / artikel saja penerapan kodenya sebagai berikut :
