Mengenal Tag Conditional Pada Blogger Beserta Fungsinya

Anirocksite.com - Pada postingan kali ini saya akan membahas mengenai Tag Conditional Pada Blogger beserta Fungsi Tag Conditional tersebut.

Tag Conditional merupakan salah satu tag yang terdapat pada HTML template blogger yang berguna untuk menampilkan halaman pada bagian tertentu. Maksud dari menampilkan halaman pada bagian tertentu adalah kamu dapat menampilkan sesuatu menggunakan tag conditional agar hanya tampil disatu halaman saja atau lebih, misalkan pada Bagian Homepage atau beranda kamu akan menampilkan Widget A diHomepage tapi tidak tampil dihalaman posting atau artikel.

Nah langsung saja lihat tag conditional blogger yang dapat kamu gunakan untuk membungkus atau mengisi kode tersebut didalam tag conditional, berikut daftar tag conditionalnya.

#1. Tag Conditional Halaman Arsip
Dengan menggunakan Tag Conditional ini, kamu dapat menampilkan suatu halaman hanya pada halaman Arsip.

<b:if cond='data:view.isArchive'>
<!-- Masukkan Kode HTML, CSS, Javascript disini -->
</b:if>

#2. Tag Conditional Halaman Error
Dengan menggunakan Tag Conditional ini, kamu dapat menampilkan suatu halaman hanya pada halaman Error.

<b:if cond='data:blog.pageType == "error_page"'>
<!-- Masukkan Kode CSS, HTML, Javascript disini -->
</b:if>

#3. Tag Conditional Halaman Index
Dengan menggunakan Tag Conditional ini, kamu dapat menampilkan suatu halaman hanya pada halaman Index.

<b:if cond='data:view.isMultipleItems'>
<!-- Masukkan Kode CSS, HTML, Javascript disini -->
</b:if>

#4. Tag Condtional Halaman Homepage
Dengan menggunakan Tag Conditional ini, kamu dapat menampilkan suatu halaman hanya pada Homepage.

<b:if cond='data:view.isHomepage'>
<!-- Masukkan Kode CSS, HTML, Javascript disini -->
</b:if>

#5. Tag Conditional Halaman Post (Item)
Dengan menggunakan Tag Conditional ini, kamu dapat menampilkan suatu halaman hanya pada halaman post.

<b:if cond='data:view.isPost'>
<!-- Masukkan Kode CSS, HTML, Javascript disini -->
</b:if>

#6. Tag Conditional URL Halaman Tertentu
Dengan menggunakan Tag Conditional ini kamu dapat menampilkan sesuatu hanya di URL Halaman tertentu, tag conditional ini saya temukan di blog El Creative, di blog blog tutorial lainnya belum ada yang menuliskan ini.

misalkan kamu hanya dapat melihat sesuatu hanya dihalaman anirock.html

<b:if cond='data:blog.url == data:blog.canonicalHomepageUrl + "2020/03/anirock.html"'>
<!-- Masukkan Kode CSS, HTML, Javascript disini -->
</b:if>

#7. Tag Conditional Halaman Label
Dengan menggunakan Tag Conditional ini, kamu dapat menampilkan suatu halaman hanya pada halaman Label.

<b:if cond='data:blog.searchLabel'>
<!-- Masukkan Kode CSS, HTML, Javascipt disini -->
</b:if>

#8. Tag Conditional Halaman Pencarian
Dengan menggunakan Tag Conditional ini, kamu dapat menampilkan suatu halaman hanya pada halaman pencarian.

<!-- Termasuk halaman pencarian label -->
<b:if cond='data:view.isSearch'>
<!-- Masukkan kode CSS, HTML, Javascipt disini -->
</b:if>

<!-- Hanya halaman pencarian -->
<b:if cond='data:view.isSearch and !data:view.isLabelSearch'>
<!-- Masukkan kode CSS, HTML, Javascipt disini -->
</b:if>

#9. Tag Conditional Halaman Page
Dengan menggunakan Tag Conditional ini, kamu dapat menampilkan suatu halaman hanya pada halaman page.

<b:if cond='data:view.isPage'>
<!-- Masukkan Kode CSS, HTML, Javascript disini -->
</b:if>

#10. Tag Conditional Halaman Pratinjau
Dengan menggunakan Tag Conditional ini, kamu dapat menampilkan suatu halaman hanya pada halaman pratinjau.

<b:if cond='data:view.isPreview'>
<!-- Masukkan Kode CSS, HTML, Javascript disini -->
</b:if>

#11. Tag Conditional Tampilan Mobile
Dengan menggunakan Tag Conditional ini, kamu dapat menampilkan suatu halaman hanya pada tampilan mobile. Lihat bagian yang saya beri Highlighter gradient, kamu dapat mengaturnya akan tampil atau tidak ditampilan mobile hanya dengan mengatur True (Benar) atau False (Salah).

<b:if cond='data:blog.isMobileRequest == &quot;true or false&quot;'>
<!-- Masukkan kode CSS, HTML, Javascipt disini -->
</b:if>

Deklarasi AND, OR , NOT
Deklarasi And, Or, Not ini saya temukan ketika saya pertama kali belajar Tag Conditional di blog Igniel.com, And, Or, Not memiliki Fungsi tersendiri.

1. AND Merupakan sebuah kode yang ditambahkan kedalam tag conditional untuk menambah halaman yang ingin ditampilkan jika lebih dari satu. Misalkan penggunaannya :

   <b:if cond='!data:view.isPost and data:view.isMultipleItems'>
   <!-- Masukkan kode CSS, HTML, Javascipt disini -->
   </b:if>

2. OR Merupakan sebuah kode yang ditambahkan kedelam tag conditional untuk menampilkan halaman yang ingin ditampilkan jika salah satu halaman tersebut benar. Misalkan penggunaannya :

   <b:if cond='data:view.isPost or data:view.isMultipleItems'>
   <!-- Masukkan kode CSS, HTML, Javascipt disini -->
   </b:if>

3. NOT merupakan sebuah kode yang ditambahkan kedalam tag conditional untuk tidak menampilkan halaman tersebut apabila halaman tersebut bukan yang dimaksud atau ditujukan. dengan menambahkan tanda seru (!) Misalkan penggunaannya :

   <b:if cond='!data:viewisPost'>
   <!-- Masukkan Kode CSS, HTML, Javascript disini -->
   </b:if>

Mungkin hanya itu yang bisa saya jelaskan mengenai Tag Conditional Pada Blogger beserta Fungsinya, apabila ada kesalahan dalam penulisan saya silahkan berkomentar agar saya dapat memperbaikinya. Beberapa sumber dari Tag Conditional diatas yang saya pelajari pertama kali adalah Igniel, El Creative Academy, untuk lebih jelasnya mengenai Tag Conditional Blogger kamu bisa berkunjung kedua blog itu. Dan semoga bermanfaat :D.

Tags Keyword- Mengenal Tag Conditional Pada Blogger Beserta Fungsinya



Tag Conditional Blogger, Tag Conditional Blogger Terbaru, Conditional Tag Blogger, Conditional Tag Blogger Terbaru, Belajar Tag Conditional Blogger, Belajar Tag Conditional Blogger Terbaru, Tag Conditional HTML, Tag Conditional HTML Terbaru

Blogger, HTML, Belajar Tag Conditional Blogger, Belajar Conditional Tag Blogger

Mehamami dan mengenal Tag Conditional HTML beserta fungsinya

Cara mudah mempelajari tag conditional

Tag Conditional Blogger, HTML