Daftar Tag Kondisional Blogger Terbaru Lengkap Cara Pemasangan

Kumpulan Tag Kondisional Blogger Terbaru Lengkap Beserta Cara Pasang - Tag kondisional pada platform blogger keberadaannya begitu penting sekali untuk diketahui semua blogger. Jika Anda pemula beruntung sekali Anda membaca artikel ini karena akan menambah wawasan blogging Anda lebih jauh.

Walaupun begitu dalam penggunaannya setidaknya Anda pahami dahulu tentang sedikit-sedikit kode dalam template blogger.

Daftar Isi Artikel

Apa Itu Tag Kondisional ?

Tag kondisional blogger berfungsi untuk mengatur sebuah elemen ditampilkan dihalaman mana. Misal hanya dihalaman posting saja, atau halaman home bahkan bisa dihalaman pencarian.

Tag kondisional ini paling sering diterapkan pada widget ataupun iklan Adsense agar iklan adsense tidak ditampilkan pada halaman pencarian. Hal ini bukan tanpa alasan, melainkan menampilkan adsense pada halaman pencarian itu rawan sekali.

Anologinya seperti ini, Adsense sangat rawan sekali terhadap kata-kata yang ada di website Anda. Jika seseorang visitor pemasukkan kata kunci dengan kata terlarang(misal j*di,p*rn0,dan lain-lain) pada halaman pencarian Anda maka sudah banyak kejadian akun adsense akan mendapatkan teguran.

Untuk itu penggunaan tag kondisional ini menjadi jawabanya, untuk caranya akan saya jelaskan dibawah nanti.

Jadi tidak usah lama-lama, berikut adalah daftar tag kondisional untuk mengatur peletakan diblogger. Lengkap dari versi yang lama dan terbaru.

Jika bermanfaat jangan lupa tekan CTRL + D untuk datang lagi.

Berikut Daftar Tag Kondisional Terbaru Blogger

1. Tag Kondisional Home (Halaman Utama)

Versi lama
<b:if cond='data:blog.url == data:blog.homepageUrl'>...</b:if>
Versi terbaru
<b:if cond='data:view.isHomepage'>...</b:if>

2. Tag Kondisional Halaman Index(Home, Label, Arsip)

Versi lama
<b:if cond='data:blog.pageType == "index"'>...</b:if>
Versi terbaru
<b:if cond='data:view.isMultipleItems'>...</b:if>

3. Tag Kondisional Halaman Item(Postingan & Statis)

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

4.Tag Kondisional Halaman Postingan

Versi lama
<b:if cond='data:blog.pageType == "item"'>...</b:if>
Versi terbaru
<b:if cond='data:view.isPost'>...</b:if>

5. Tag Kondisional Halaman Statis

Versi lama
<b:if cond='data:blog.pageType == "static_page"'>...</b:if>
Versi terbaru
<b:if cond='data:view.isPage'>...</b:if>

6. Tag Kondisional Halaman Label

Versi lama
<b:if cond='data:blog.searchLabel'>...</b:if>
Versi terbaru
<b:if cond='data:view.isLabelSearch'>...</b:if>

7. Tag Kondisional Halaman Arsip

Versi lama
<b:if cond='data:blog.pageType == "archive"'>...</b:if>
Versi terbaru
<b:if cond='data:view.isArchive'>...</b:if>

8. Tag Kondisional Halaman Pencarian

Versi lama
<b:if cond='data:blog.searchQuery'>...</b:if>
Versi terbaru
<b:if cond='data:view.isSearch'>...</b:if>

9. Tag Kondisional Halaman Pencarian (Dengan Kata Kunci Tertentu)

Versi lama
<b:if cond='data:blog.searchQuery == "Kata Kunci"'>...</b:if>
Versi terbaru
<b:if cond='data:view.search.query == "Kata Kunci"'>...</b:if>

10. Tag Kondisional Halaman Error

Versi lama
<b:if cond='data:blog.pageType == "error_page"'>...</b:if>
Versi terbaru
<b:if cond='data:view.isError'>...</b:if>

11. Tag Kondisional Halaman Pratinjau

Versi lama
/* Tidak Ada
Versi terbaru
<b:if cond='data:view.isPreview'>...</b:if>

12. Hanya di Halaman URL Tertentu

<b:if cond='data:blog.pageType == "url-website"'>...</b:if>

13. Tag Kondisional di Halaman Mobile saja atau Dekstop saja.

Untuk Dekstop saja
<b:if cond='data:blog.isMobileRequest == "false"'>...</b:if>
Untuk Mobile saja
<b:if cond='data:blog.isMobileRequest == "true"'>...</b:if>

Back to Top ↑

NOTE :
√ Jika Anda ingin menerapkan tag kondisional tersebut pada halaman yang tidak dikehendaki tinggal rubah tanda == ganti dengan != (Berlaku untuk Versi lama).

√ Atau bisa juga dengan cara menambahkan ! atau not yang diletakkan di depannya (Berlaku untuk Versi baru).

Contoh penerapan pada Versi lama

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

Contoh penerapan pada versi baru

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

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

√ Bisa juga menggunakan <b:else/>, untuk memberi perintah pengecualian.

Contoh penerapan dengan <b:else/>

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


Kode berlaku dihalaman pencarian


<b:else/>


Selain kondisi diatas


</b:if>


Penggabungan 2 Tag Kondisional atau lebih

Sebagai pemisah kita bisa menambahkan perintah or (atau) dan and (dan), contoh penerapannya :
<b:if cond='data:blog.pageType == "item" and data:blog.url == data:blog.homepageUrl'>...</b:if>

pada tag diatas maka akan hanya ditampilkan pada halaman postingan dan halaman home saja.
Untuk menggabungkan diantara 2 URL atau lebih, bisa menggunakan cara ini :
<b:if cond='data:view.url in {"URL-PERTAMA","URL-KEDUA","URL-SETERUSNYA"}'>...</b:if>

Anda bisa coba-coba sendiri sesuai dengan kreatifitas Anda.

Back to Top ↑

Cara penggunaan Tag Kondisional Blogspot

Mengenai cara penerapan kode tag kondisional ini Anda sangat mudah sekali menggunakannya. Saya langsung memberikan contoh saja.

Disini kita mulai dengan contoh penggunaan pada widget, temukan kode widget di dalam template yang diawali dengan kode <b:widget...> dan diakhiri dengan </b:widget>

Pasang tag kondisional setelah kode <b:includable id='main'> dan sebelum kode </b:includable>, lihat gambar berikut ini.

Bagaimana cukup mudah bukan? Anda tinggal bereksperimen sendiri & sesuaikan dengan kebutuhan Anda.

√ Untuk penerapan pada kode adsense misalnya tidak ingin ditampilkan pada halaman searching blog, maka dalam memasang kode adsense jangan lupa tambahkan kode ini diantara kode adsense Anda.

<b:if cond='not data:view.isSearch'>Kode Iklan Adsense</b:if>

Untuk pemasangan kode adsense yang baik dan benar, tutorialnya akan saya bahas di postingan berikutnya. Saya sarankan untuk mempelajari kode tag kondisional diatas baca pelan-pelan saja sambil ngopi juga boleh. Happy blogging !
Like this  Donasi: #Paypal
Open Comments