Mengenal Atribut "cond" pada Platform Blogger

Atribut cond (condition) adalah atribut ekspresi logika yang digunakan di dalam beberapa tag XML khas Blogger. Atribut ini dirancang khusus untuk menentukan kondisi eksekusi berupa nilai Benar (True) atau Salah (False).

Ketika dokumen XML template Anda dirender oleh server Blogger, kode atau widget yang dibungkus oleh atribut cond hanya akan diproses dan ditampilkan ke peramban (browser) jika ekspresi logika di dalamnya terpenuhi atau bernilai True.

Sintaks Dasar Atribut `cond`

Penulisan atribut cond di dalam editor HTML/XML Blogger wajib menggunakan format struktur berikut:

cond='EKSPRESI_LOGIKA'

Atribut ini bekerja seperti operator pengondisian if pada bahasa pemrograman umum. Server akan mengevaluasi kueri teks di dalam tanda kutip sebelum memutuskan untuk memuat elemen HTML yang bersangkutan.

Daftar Tag Blogger yang Mendukung Atribut `cond`

Atribut pengondisian cond tidak bisa diletakkan di sembarang tempat. Atribut ini hanya valid jika disematkan pada tag-tag bawaan (Blogger tags) berikut:

<b:attr> – Digunakan untuk menambahkan atribut HTML secara kondisional.
<b:class> – Digunakan untuk menyuntikkan kelas CSS kustom berdasarkan kondisi halaman.
<b:else> – Menampung perintah alternatif jika kondisi utama tidak terpenuhi.
<b:elseif> – Menambahkan kondisi pengecekan kedua atau turunan di dalam rantai logika.
<b:include> – Memanggil fungsi inklusi (includable) secara kondisional.
<b:section> – Membatasi pemuatan area tata letak tata letak (layout section).
<b:tag> – Membuat tag HTML kustom secara dinamis jika kondisi terpenuhi.
<b:widget> – Mengatur kemunculan widget/gadget tertentu berdasarkan tipe atau URL halaman.

Contoh Penerapan Praktis

1. Menyembunyikan atau Menampilkan Widget

Jika Anda ingin sebuah widget HTML (misalnya id HTML1) hanya muncul di perangkat seluler, Anda dapat langsung menggunakan atribut cond pada tag widget tersebut:

<b:widget cond='data:view.isMobile' id='HTML1' locked='false' title='Iklan Khusus Seluler' type='HTML'>
  </b:widget>

2. Mengatur Class CSS secara Dinamis

Anda bisa menyuntikkan class .halaman-utama pada tag <body> hanya ketika pengunjung berada di homepage:

<body>
  <b:class cond='data:view.isHomepage' name='halaman-utama'/>
  </body>

Jika pengunjung membuka homepage, tag di atas akan dirender menjadi `<body class='halaman-utama'>`.

Referensi Atribut Blogger Lainnya

Selain atribut cond, terdapat beberapa jenis atribut fungsional lain yang sering digunakan untuk membangun logika template Blogger:

Attribute data – Berfungsi untuk memanggil atau menampilkan nilai data global dari server Blogger.
Attribute expr: – Berfungsi untuk menggabungkan teks statis dengan ekspresi data dinamis Blogger di dalam atribut HTML.
Attribute for HTML Tag – Atribut standar untuk memanipulasi tag HTML biasa melalui skema peladen Blogger.

Cari Blog Ini

Blogger Theme Tutorial