Lompat ke konten Lompat ke sidebar Lompat ke footer

17 Pengertian Tentang Tag Conditonal di Blogger Versi Terbaru

17 Pengertian Tentang Tag Conditonal di Blogger

Apa itu tag conditional dan fungsinya di blogger? Mungkin ini akan menjadi pertanyaan yang menarik buat kamu yang baru belajar memahami defenisi beberapa aspek dalam membuat template atau juga mengedit template blogger.

Biasanya tag conditional ini sering kita temukan di dalam file template blogger, dan itu semua tentu sangat kurang dipahami bagi kamu yang belum mengerti dari kode tag conditional tersebut.

Peran dari tag Conditonal ini juga harus kamu pahami satu persatu, sebab dengan memahami beberapa fungsi dari tag conditonal maka dengan mudahnya kamu akan bisa membuat atau mendesain template blogger sesuai dengan keinginan.

Dalam halaman ini, kami akan menjelaskan beberapa pengertian tag conditional dan manfaatnya yang akan kamu dapatkan jika sudah mempelajarinya.

17 Tag Conditonal Blogspot


1. Menampilkan widget hanya di Homepage / Halaman depan blog

<b:if cond="data:blog.url == data:blog.homepageUrl">
.......CSS / HTML / JAVASCRIPT......
</b:if>

2. Menampilkan widget selain di Halaman awal blog

<b:if cond="data:blog.url != data:blog.homepageUrl">
.......CSS / HTML / JAVASCRIPT......
</b:if>

3. Menampilkan widget hanya di halaman Archivepage

<b:if cond='data:blog.pageType == &quot;archive&quot;'>
.......CSS / HTML / JAVASCRIPT......
</b:if>

4. Menampilkan Widget selain di Archivepages

<b:if cond='data:blog.pageType != &quot;archive&quot;'>
.......CSS / HTML / JAVASCRIPT.....
</b:if>

5. Menampilkan Widget hanya di Itempages / Postingan

<b:if cond='data:blog.pageType == &quot;item&quot;'>
.......CSS / HTML / JAVASCRIPT......
</b:if>

6. Menampilkan widget selain di Itempages

<b:if cond='data:blog.pageType != &quot;item&quot;'>
.......CSS / HTML / JAVASCRIPT......
</b:if>

7. Menampilkan widget hanya di Staticpages

<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
.......CSS / HTML / JAVASCRIPT......
</b:if>

8. Menampilkan widget selain di Staticpages

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
.......CSS / HTML / JAVASCRIPT......
</b:if>

9. Menampilkan widget pada URL atau halaman tertentu

<b:if cond='data:blog.url == &quot;alamatpostingan&quot;'>
.......ISI CSS......
</b:if>

10. Menampilkan widget selain di URL atau halaman tertentu

<b:if cond='data:blog.url != &quot;alamatpostingan&quot;'>
.......CSS / HTML / JAVASCRIPT......
</b:if>

11. Menampilkan widget hanya halaman muka, tidak terlihat dihalaman posting

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
.......CSS / HTML / JAVASCRIPT......
</b:if>
</b:if>

12. Halaman ERROR 404 / Halaman tidak ditemukan

<b:if cond='data:blog.pageType == &quot;error_page&quot;'>
<a expr:href='HALAMAN/LINK URL 404 ERROR'/></b:if>

13. Menampilkan widget di halaman mobile/seluler

<b:if cond='data:blog.isMobile'>
...CSS / HTML / JAVASCRIPT...
</b:if>

14. Menampilkan widget di halaman perambaan label Semua/Umum

<b:if cond='data:blog.searchLabel'>
-----CSS / HTML / JAVASCRIPT----
</b:if>

15. Menampilkan widget di halaman perambaan label Tertentu/Spesifik

<b:if cond='data:blog.searchLabel == &quot;NAMA LABEL&quot;'>
-----CSS / HTML / JAVASCRIPT----
</b:if>

16. Menampilkan widget di halaman perambaan Keyword

<b:if cond='data:blog.searchQuery == &quot;KEYWORD&quot;'>
-----CSS / HTML / JAVASCRIPT----
</b:if>

17. Menampilkan widget di halaman Posting Pertama

<b:if cond='data:post.isFirstPost'>
-----CSS / HTML / JAVASCRIPT----
</b:if>

Cara Menggunakan Tag Conditional

Buka Blogger > Tema > Edit HTML

Cari halaman yang ingin diberikan tag conditional, contohnya seperti kode HTML dibawah ini.
<div class="widget-content popular-posts">
<ul>
<li>
<svg viewBox="0 0 24 24"><path d="M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-5 14H7v-2h7v2zm3-4H7v-2h10v2zm0-4H7V7h10v2z"></path></svg>
<a href="#" title="Generate Pramework Blogger Template, Simple dan Clean Design">Generate Pramework Blogger Template, Simple dan Clean Design</a>
</li>
<li>
<svg viewBox="0 0 24 24"><path d="M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-5 14H7v-2h7v2zm3-4H7v-2h10v2zm0-4H7V7h10v2z"></path></svg>
<a href="#" title="Cara Membuat Template Blogger Menjadi Smooth Saat di Gulir">Cara Membuat Template Blogger Menjadi Smooth Saat di Gulir</a>
</li>
<li>
<svg viewBox="0 0 24 24"><path d="M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-5 14H7v-2h7v2zm3-4H7v-2h10v2zm0-4H7V7h10v2z"></path></svg>
<a href="#" title="Cara Compress CSS,HTML dan JavaScript di Template Blogger">Cara Compress CSS,HTML dan JavaScript di Template Blogger</a>
</li>
<li>
<svg viewBox="0 0 24 24"><path d="M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-5 14H7v-2h7v2zm3-4H7v-2h10v2zm0-4H7V7h10v2z"></path></svg>
<a href="#" title="Cara Membuat Slider Carousel Image Otomatis di Blogger">Cara Membuat Slider Carousel Image Otomatis di Blogger</a>
</li>
<li>
<svg viewBox="0 0 24 24"><path d="M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-5 14H7v-2h7v2zm3-4H7v-2h10v2zm0-4H7V7h10v2z"></path></svg>
<a href="#" title="Template Blogger Terbaru Simple dan Elegan 2019 Gratis by Rian SEO">Template Blogger Terbaru Simple dan Elegan 2019 Gratis by Rian SEO</a>
</li>
<li>
<svg viewBox="0 0 24 24"><path d="M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-5 14H7v-2h7v2zm3-4H7v-2h10v2zm0-4H7V7h10v2z"></path></svg>
<a href="#" title="NP Black Template Blogger Premium by Rian SEO">NP Black Template Blogger Premium by Rian SEO</a>
</li>
<li>
<svg viewBox="0 0 24 24"><path d="M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-5 14H7v-2h7v2zm3-4H7v-2h10v2zm0-4H7V7h10v2z"></path></svg>
<a href="#" title="Cara Memasang Auto Read More atau Baca Selengkapnya di Template Blog">Cara Memasang Auto Read More atau Baca Selengkapnya di Template Blog</a>
</li>
</ul>
<div class="clear"></div>
</div>
Kode HTML diatas belum diberikan tag conditional, jadi akan selalu tampil disetiap element halaman tampilan blog kamu.

Untuk memberikan tag kusus agar kode HTML diatas hanya tampil dihalaman eror 404 sebagai contoh.

Maka tambahkan kode <b:if cond='data:blog.pageType == &quot;error_page&quot;'> diatas awal kode HTML.
<b:if cond='data:blog.pageType == &quot;error_page&quot;'>
--------Kode HTML-----
</b:if>
Jika ada yang kurang dipahami, jangan ragu untuk mengirim pertanyaan di kolom komentar blog ini.

Posting Komentar untuk "17 Pengertian Tentang Tag Conditonal di Blogger Versi Terbaru"