Cara Pasang Tag Kondisional (Conditional Tags) Blogger Terbaru 2020

Tag Kondisional (Conditional Tags) Terbaru, Fungsi dan Cara Penggunaannya

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.

Versi Terlama
<b:if cond='data:blog.url == data:blog.homepageUrl'>
Versi Terbaru
<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.

Versi Terlama
<b:if cond='data:blog.pageType == "index"'>
Versi Terbaru
<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.

Versi Terlama
<b:if cond='data:blog.pageType in ["item", "static_page"]'>
Versi Terbaru
<b:if cond='data:view.isSingleItem'>

Tag Kondisional Halaman Posting

Tag ini menampilakan widget dan kode lainnya hanya didalam halaman postingan saja.

Versi Terlama
<b:if cond='data:blog.pageType == "item"'>
Versi Terbaru
<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.

Versi Terlama
<b:if cond='data:blog.pageType == "static_page"'>
Versi Terbaru
<b:if cond='data:view.isPage'>

Tag Kondisional Halaman Label

Tag ini akan menampilakan widget dan kode lainnya hanya di dalam halaman label saja.

Versi Terlama
<b:if cond='data:view.isLabelSearch'>
Versi Terbaru
<b:if cond='data:blog.searchLabel'>

Tag Kondisional di Label Tertentu

Tag ini akan menampilkan widget dan kode lainnya hanya di Label Tertentu.

Versi Terlama
<b:if cond='data:view.search.label == &quot;Suatu-Label&quot;'></b:if>
Versi Terbaru
<b:if cond='data:blog.searchLabel == &quot;Suatu-Label&quot;'></b:if>

Tag Kondisional Halaman pencarian (Search Page)

Tag ini akan menampilkan widget dan kode lainnya hanya di dalam hasil pencarian saja.

Versi Terlama
<b:if cond='data:blog.searchQuery'>
Versi Terbaru
<!-- 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.

Versi Terlama
<b:if cond='data:blog.pageType == "archive"'>
Versi Terbaru
<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.

Versi Terlama
<b:if cond='data:blog.pageType == “error_page”>
Versi Terbaru
<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.

Versi Terlama
<!-- Belum ada -->
Versi Terbaru
<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 != &quot;index&quot;'></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>
Atau
<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 != &quot;item&quot; or data:blog.pageType != &quot;static_page&quot;'></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 {&quot;Url halaman A&quot;,&quot;Url halaman B&quot;,&quot;Url halaman seterusnya&quot;}'></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 == &quot;item&quot;'> 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.

Versi Terlama
<b:if cond='data:blog.isMobileRequest'></b:if>
Versi Terbaru
<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.

Cara Pasang Tag Kondisional (Conditional Tags) Blogger Terbaru 2020
Wahyu Achmad
Her Blue Sky

Postingan Terkait

Posting Komentar