Mediaachmad.com - Cara Pasang Tag Kondisional (Conditional Tags) Blogger Terbaru 2020. Apa itu Tag Kondisional? Tag Kondisional (Conditional Tags) adalah Bahasa pemrograman HTML yang yang berisi perintah untuk memuat atau menampilkan Widget, HTML, CSS dan JavaScript sesuai dengan perintah kondisi dari Tag Kondisional tersebut.
Tag Kondisional (Conditional Tags) biasanya banyak di terapkan di dalam template blogger. Bagi sobat yang sering mengedit atau sering membuat template blogger, pasti tidak asing dengan Tag Kondisional ini, ini juga merupakan bagian sangat penting dalam template blogger, karena dapat memudahkan HTML memuat file tertentu yang ada didalamnya.
Contohnya seperti, Jika kita ingin menampilkan table hanya di Hompage (Halaman Utama Blog) tidak muncul di page lain, maka sobat bisa menggunakan tag <b:if cond='data:view.isHomepage'>. terlihat dari kodenya pasti bisa paham cara kerjanya, jadi sobat bisa artikan seperti ini "Jika dalam kondisi data terlihat di Halaman Utama".
Tentu masih banyak kode Tag Kondisional yang lain, Kali ini mediaachmad akan membahasnya, jadi silakan sobat bisa simak.
Tag Kondisional (Conditional Tags) Terbaru, Fungsi dan Cara Penggunaannya.
Berikut adalah beberapa Tag kondisional dari yang terlama hingga yang terbaru, dan sobat pastikan gunakan kode tag kondisional yang terbaru.
Tag Kondisional HomePage (Halaman Utama)
Tag ini akan menampilakan Widget dan kode lainnya, hanya di Halaman Utama Blog.
Contoh URL Homepage : https://www.mediaachmad.com.
<b:if cond='data:blog.url == data:blog.homepageUrl'><b:if cond='data:view.isHomepage'>Tag Kondisional IndexPage (Halaman Index)
Tag ini menampilakan Widget dan kode lainnya hanya di Halaman index saja. Contoh halaman index yang biasa ditemukan adalah Halaman Utama, Halaman Label, Halaman Search Query, dan Halaman Archive.
<b:if cond='data:blog.pageType == "index"'><b:if cond='data:view.isMultipleItems'>Tag Kondisional Halaman Item
Tag ini menampilakan Widget dan kode lainnya hanya di Halaman Item, Halaman item adalah tipe halaman yang salalu berakhir dengan halaman berkas.
<b:if cond='data:blog.pageType in ["item", "static_page"]'><b:if cond='data:view.isSingleItem'>Tag Kondisional Halaman Posting
Tag ini menampilakan widget dan kode lainnya hanya didalam halaman postingan saja.
<b:if cond='data:blog.pageType == "item"'><b:if cond='data:view.isPost'>Tag Kondisional Halaman Statis (Statis Page)
Tag ini akan menampilkan widget dan kode lainnya hanya di halaman statis saja. Dan biasanya halaman statis di gunakan untuk membuat halaman about, contact dan lain lain.
<b:if cond='data:blog.pageType == "static_page"'><b:if cond='data:view.isPage'>Tag Kondisional Halaman Label
Tag ini akan menampilakan widget dan kode lainnya hanya di dalam halaman label saja.
<b:if cond='data:view.isLabelSearch'><b:if cond='data:blog.searchLabel'>Tag Kondisional di Label Tertentu
Tag ini akan menampilkan widget dan kode lainnya hanya di Label Tertentu.
<b:if cond='data:view.search.label == "Suatu-Label"'></b:if><b:if cond='data:blog.searchLabel == "Suatu-Label"'></b:if>Tag Kondisional Halaman pencarian (Search Page)
Tag ini akan menampilkan widget dan kode lainnya hanya di dalam hasil pencarian saja.
<b:if cond='data:blog.searchQuery'><!-- Termasuk halaman pencarian label -->
<b:if cond='data:view.isSearch'>
<!-- Hanya halaman pencarian -->
<b:if cond='data:view.isSearch and !data:view.isLabelSearch'>Tag Kondisional Halaman Arsip
Tag Kondisional ini akan menampilakan widget dan kode lainnya hanya di halaman arsip saja.
<b:if cond='data:blog.pageType == "archive"'><b:if cond='data:view.isArchive'>Tag Kondisional Page 404 Page Not Found
Tag ini akan menampilkan widget dan kode lainnya di halaman error saja, dan biasanya jika ada sebuah request halaman tertentu dan halaman tidak ada, maka akan langsung ke redirect ke halaman Error Page.
<b:if cond='data:blog.pageType == “error_page”><b:if cond='data:view.isError'>Tag Kondisional Halaman Pratinjau (Preview Page)
Tag ini akan menampilakan widget da kode lainnya hanya di dalam Halaman Pratinjau saja, dan pastinya sobat tidak asing lagi jika sobat sering menulis di editor blog dan sering menggunakan halaman pratinjau atau halaman preview.
<!-- Belum ada --><b:if cond='data:view.isPreview'>Tag kondisional di Luar Kondisi atau pengecualian
Pada Tags Kondisional sebelumnya menjelaskan cara peletakan kode eleman di HTML, CSS, JS, Widget Blog di dalam satu kondisi. Namun jika sobat ingin menjadikan tags berada di luar kondisi, maka sobat hanya perlu mengganti kode == menjadi !=.
<b:if cond='data:blog.pageType != "index"'></b:if>Kode diatas menjelaskan, Halaman index adalah Homepage, Search Label, dan arsip, maka dengan ada kode != maka akan berada di luar halaman index, jadi di halaman postingan dan statis page. Untuk kode Versi Terbaru, sobat bisa menggunakan kode ! atau NOT yang lokasi penempatan ada di depan. Contohnya.
<b:if cond='not data:view.isMultipleItems'></b:if><b:if cond='!data:view.isMultipleItems'></b:if>Menggabung tag kondisional (Multi Tag)
Untuk menggabungkan 2 Tag Kondisi sekaligus dengan fungsi tetap sama. Contoh:
<b:if cond='data:blog.pageType != "item" or data:blog.pageType != "static_page"'></b:if> Dari contoh tag kondisi diatas berarti akan tampil di halaman luar item dan static page. Or memiliki arti jika salah satu benar maka kondisi akan ditampilkan. Dan jika harus dengan kondisi tertentu maka gunakan AND.
Cara menggabungkan banyak url halaman pada tag halaman tertentu, sobat bisa simak kode dibawah ini.
<b:if cond='data:view.url in {"Url halaman A","Url halaman B","Url halaman seterusnya"}'></b:if>Silakan sobat simak pada tanda koma (,). Dan di sisi lain menggunakan AND, yang artinya dalam penggunaan dari kedua atau lebih kondisi benar maka akan di tampilkan, dan jika salah satu tidak benar maka tidak akan di tampilkan. Jika Tidak benar tampil yang lain <b:else>
Jika sobat ingin menampilkan kondisi berbeda di halaman maka tidak harus menggunakan dua tag kondisional, simak dibawah ini
<b:if cond='data:blog.pageType == "item"'> 1 <b:else/> 2 </b:if>Kode di atas menjelaskan akan terdapat di halaman posting, Namun jika jalaman tidak di postingan maka akan mengunakan dua, kesimpulannya tag <b:else/> berfungsi untuk pengecualian kode diatasnya.
Untuk penempatan tag <b:else/> penempatannya selalu Bersama dengan tag <b:if>. tag <b:else> bisa sobat artiken sebagai perintah "bisa juga" atau "dan juga". Dan untuk contoh penerapannya seperti dibawah ini.
<b:if cond='data:view.isHomepage'>
[...content1...]
<b:else />
[...content2...]
</b:if>Setelah melihat kode diatas mungkin sobat bisa dapat menyimpulkan bagaimana cara penerapan dan cara kerj tag b:else.
Tag Kondisional Khusus untuk Mobile
Tag ini berfungsi menampilkan Widget dan kode HTML, CSS dll, tampil di Mobile saja. Untuk kodenya bisa dibawah ini.
<b:if cond='data:blog.isMobileRequest'></b:if><b:if cond='data:mobile'>Itulah beberapa Tag kondisional untuk blogger, Tags kondisional yang mediaachmad berikan di atas merupakan dasar – dasarnya, sebenarnya masih banyak lagi tag kondisional yang lain.
Mungkin itu yang dapat Mediaachmad sampaikan tentang Tag Kondisional (Conditional Tags) Terbaru, Fungsi dan Cara Penggunaannya. Semoga dapat bermanfaat sekian dan terima kasih.
Posting Komentar
Posting Komentar