10+ Tag Kondisional Blogger versi terbaru

    Tag Kondisional Blogger versi terbaru

     Jika Anda seorang Blogger pemula yang akan membuat dan memodifikasi template blog, Anda wajib mengetahui tag kondisional. Bagi Anda yang sudah tau tag kondisional, tapi yang versi lama, maka Anda juga perlu untuk mengetahui tag versi terbaru ini.

    Tag kondisional blogger terbaru lebih sederhana, mudah dipahami dan beberapa kelebihan lain. Itulah mengapa saya mengumpulkan tag conditional blogger secara lengkap untuk dibagikan kepada Anda.

    Mengenal Tag Conditional Blogger

    Tag kondisional di template blogger merupakan script yang memungkinkan Anda untuk menampilkan maupun menyembunyikan elemen pada halaman dan URL tertentu. Misalnya, penggunaan tag kondisional untuk menyembunyikan sidebar di halaman statis, menyembunyikan iklan AdSense di halaman pencarian blog dan beberapa penerapan lainnya.

    Dalam penerapannya, tag ini diawali dengan <b:if cond='...'> dan diakhiri dengan </b:if>. Masing-masing condition expression mempunyai fungsi yang berbeda-beda.

    Tag Kondisional Halaman depan

    Untuk menampilkan elemen hanya di halaman utama atau homepage:

    <b:if cond='data:view.isHomepage'> … </b:if>

    Untuk menyembunyikan elemen di halaman depan, tambahkan tag "pengecualian (!)":

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

    Tag Kondisional Halaman Indeks

    Halaman Index terdiri dari beberapa halaman, antara lain homepage, label, arsip, dan halaman pencarian. Untul menampilkan elemen di halaman index:

    <b:if cond='data:view.isMultipleItems'>… </b:if>

    Untuk menyembunyikan elemen dari halaman index:

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

    Tag Kondisional Halaman Posting

    Untuk menampilkan elemen di halaman postingan:

    <b:if cond='data:view.isPost'>… </b:if>

    Untuk menyembunyikan elemen di halaman posting:

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

    Tag Kondisional Halaman Item

    Untuk menampilkan elemen di halaman item:

    <b:if cond='data:view.isSingleItem'>… </b:if>

    Untuk menyembunyikan elemen di halaman item:

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

    Tag Kondisional Halaman Statis

    Untuk menampilkan elemen di halaman statis (page):

    <b:if cond='data:view.isPage'>… </b:if>

    Untuk menyembunyikan elemen di halaman statis:

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

    Tag Kondisional Halaman Label

    Untuk menampilkan elemen hanya pada halaman label:

    <b:if cond='data:view.isLabelSearch'>… </b:if>

    Untuk menyembunyikan elemen dari halaman label:

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

    Tag Kondisional Halaman Arsip

    Untuk menampilkan elemen di halaman arsip:

    <b:if cond='data:view.isArchive'>… </b:if>

    Untuk menyembunyikan elemen di halaman arsip:

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

    Tag Kondisional Halaman Pencarian

    Untuk menampilkan elemen di halaman Pencarian:

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

    Untuk menyembunyikan elemen di halaman Pencarian:

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

    Tag Kondisional Halaman 404 (Halaman Tidak Ditemukan)

    Untuk menampilkan elemen di halaman 404:

    <b:if cond='data:view.isError'>… </b:if>

    Tag Halaman Pratinjau (Preview)

    Untuk menampilkan elemen di halaman pratinjau:

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

    Tag Kondisional Mobile Request

    Untuk menampilkan elemen di tampilan seluler:

    <b:if cond='data:mobile'>...</b:if>

    Tag Kondisional Halaman / URL Tertentu

    Untuk menampilkan elemen di halaman manapun yang Anda inginkan:

    <b:if cond='data:view.url in {&quot;https://www.fendiali.net&quot;}'>...</b:if>

    Untuk menampilkan di beberapa (multiple) halaman tertentu, pisahkan URL dengan tanda koma ",".

    Cara Penerapan Tag Kondisional Blogger

    Misalnya, saya ingin menampilkan sebuah widget hanya pada halaman depan blog, maka tag Kondisionalnya sebagai berikut:

    <b:if cond='data:view.isHomepage'><!-- Letakkan kode widget disini untuk menampilkannya hanya di halaman depan --></b:if>

    Contoh kedua, jika saya ingin agar iklan AdSense tidak tampil di halaman pencarian blog, maka tag kondisionalnya sebagai berikut:

    <b:if cond='!data:view.isSearch'><!-- dan disini adalah kode iklan AdSense, jika dibungkus tag Kondisional ini maka iklan AdSense disembunyikan di halaman pencarian --> </b:if>

    Jika Anda mempelajari dan mencoba masing-masing tag Kondisional blogger maka Anda akan mengetahui sendiri masing-masing fungsi dan kegunaanya.

    Tag Kondisional Blogger juga dapat membantu untuk mengoptimalkan SEO (Search Engine Optimization), misalnya untuk penggunaan meta tag robots agar tidak mengindeks halaman arsip, label dan halaman pencarian blog, dan untuk memasang TOC otomatis blogger hanya di halaman posting. Selain itu, tag kondisional tersebut dapat digunakan untuk menempatkan schema markup termasuk breadcrumbs, FAQ, Blogposting dll pada masing-masing halaman yang ditentukan.