Penjelasan Tag b:if, b:else dan b:elseif pada Blogger

Ketiga Tag tersebut (b:if, b:else dan b:elseif) adalah Tag yang paling sering digunakan dalam pembuatan Tema Blogger serta sering digabungkan secara bersamaan karena merupakan Tag Conditional untuk memberikan suatu Statement yang akan digunakan pada suatu tindakan yang berbeda.

Contoh Penulisan Tag b:if, b:else dan b:elseif

Berikut adalah contoh format penulisan dasar tag b:if, b:else dan b:elseif:

<b:if cond='EKSPRISI_PERTAMA'>
    <!-- Kode ini akan dijalankan jika kondisinya adalah true (benar) -->

<b:elseif cond='EKSPRISI_KEDUA'/>
    <!-- Kode ini akan dijalankan jika kondisinya adalah false (salah) -->

<b:else/>
    <!-- Kode ini akan dijalankan jika semua kondisinya diatas tidak cocok -->

</b:if>

Tag pada kode diatas hanya diperbolehkan untuk memiliki satu atribut yaitu cond yang memiliki nilai berupa Boolean (true/false), String, atau Ekspresi Blogger.

Contoh Tag Conditional

Berikut adalah contoh kode dari Tag Conditional dengan menggunakan Ekspresi:

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

Blok <!-- Kode --> diatas akan dijalankan/ditampilkan ketika berada pada halaman utama (Homepage).

Berikut adalah contoh kode dari Tag Conditional dengan menggunakan Boolean:

<b:if cond='data:blog.pageTitle'>
    <b:if cond='false'>
        <!-- Kode -->
    </b:if>
</b:if>

Block <!-- Kode --> diatas akan dijalankan/ditampilkan ketika halaman yang dikunjungi tidak memiliki judul.

Berikut adalah contoh kode dari Tag Conditional dengan menggunakan operator perbandingan:

<b:if cond='data:blog.isMobile == "true"'>
    <!-- Kode -->
</b:if>

Blok <!-- Kode --> diatas akan dijalankan ketika blog dikunjungi melalui perangkat Mobile (Smartphone) atau tampilan Mobile.

Berikut adalah contoh kode dari Tag Conditional dengan menggunakan operator logika:

<b:if cond='!data:view.isMobile and data:view.isHomepage or data:view.isSearch'>
    <!-- Kode -->
</b:if>

Blok <!-- Kode --> diatas akan dijalankan ketika halaman/blog yang dikunjungi BUKANLAH melalui perangkat Mobile atau tampilan Mobile (!data:view.isMobile) tetapi akan dijalankan pada halaman utama atau Homepage (data:view.isHomepage) atau pada halaman pencarian (data:view.isSearch) saja.

Lebih jelasnya, halaman yang sedang dikunjungi akan diuji dengan kondisi (data:view.isMobile) yang di dahului dengan menggunakan operator ! (Bukan), jika halaman tersebut bukanlah mode untuk Mobile, maka selanjutnya akan mengecek kodisi selanjutnya (and). Jika kedua halaman tersebut adalah halaman utama atau halaman pencarian (or), maka blok <!-- Kode --> tersebut akan dijalankan.

Berikut adalah contoh kode dari Tag Conditional dengan menggunakan operator lambda:

<b:if cond='data:posts any (p => p.labels any (l => l.name == "Blogger"))'>
    <!-- Kode -->
</b:if>

Blok <!-- Kode --> akan dijalankan hanya jika artikel memiliki label Blogger.

Berikut adalah contoh kode dari Tag Conditional dengan menggunakan operator membership:

<b:if cond='data:view.search.label in ["Blogger", "Adsense", "HTML"]'>
    <!-- Kode 1 -->
<b:elseif cond='data:view.search.label not in ["JavaScript", "CSS"]'/>
    <!-- Kode 2 -->
<b:else/>
    <!-- Kode 3 -->
</b:if>

Keterangan:

  • Jika halaman yang sedang dikunjungi adalah halaman pencarian label yang terdiri dari Blogger, Adsense dan HTML. Maka blok <!-- Kode 1 --> akan dijalankan.
  • Jika halaman yang sedang dikunjungi adalah halaman pencarian label yang tidak terdiri dari JavaScript dan CSS, maka blok <!-- Kode 2 --> akan dijalankan.
  • Jika semuanya tidak cocok, maka blok <!-- Kode 3 --> akan dijalankan.


Mungkin itu saja penjelasan dari saya, jika ada yang kurang jelas, kalian dapat bertanya melalui kolom komentar dibawah ini. Jika artikel ini bermanfaat, silahkan dibagikan. Terimakasih telah berkunjung di EL Creative Academy.

Tampilkan 2 Komentar

2 Komentar

  1. Sangat bermanfaat oh iya kalau mau mencari blog tentang teknologi dan game ada di https://syuedfo.blogspot.com/?m=1

    BalasHapus
  2. asli gila yg punya web. Dulu saya berangan-angan pengen buat sistem login/register buat blogger, tapi hasilnya nihil.. Dan sekarang.... DAMMMNN!

    BalasHapus

Posting Komentar