Pengantar
Saat membuat atau mengedit template Blogger, kita sering perlu mengambil informasi dari sebuah widget — misalnya judul, tipe, atau ID-nya.
Dalam kondisi normal, informasi tersebut hanya bisa diakses dari dalam widget itu sendiri, yaitu di antara tag <b:widget> dan </b:widget>.
Namun pada Layout Version 3 (versi template terbaru Blogger), tersedia sebuah objek global bernama data:widgets. Objek ini memungkinkan kita mengakses data widget dari mana saja di dalam template.
Kapan Fitur Ini Berguna?
| Kebutuhan | Contoh Penggunaan |
|---|---|
| Logika kondisional | "Jika judul widget HTML1 adalah Iklan, maka sembunyikan elemen tertentu." |
| Menampilkan info di luar tempat widget | Menampilkan judul widget di area header, padahal widget-nya berada di sidebar. |
| Debugging | Mengecek tipe atau ID widget saat sedang mengembangkan template. |
Syarat Penggunaan
Pastikan template kamu sudah menggunakan Layout Version 3. Ciri-cirinya, pada bagian paling atas kode XML template terdapat atribut b:layoutsVersion='3' seperti ini:
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html b:layoutsVersion='3' ...>data:widgets tidak akan bekerja.
Sintaks Penulisan
Ada 2 cara untuk mengakses data global widget. Keduanya menghasilkan output yang sama, kamu bebas memilih sesuai kebutuhan.
Cara 1: Tag Data Klasik
<data:widgets.{NamaWidget}.{Properti}/>Cara 2: Tag b:eval
<b:eval expr='data:widgets.{NamaWidget}.{Properti}'/>b:if atau penggabungan teks (string).
Sintaks Penulisan
| Placeholder | Arti |
|---|---|
{NamaWidget} |
ID unik widget yang tertera di menu Tata Letak (Layout). Contoh: HTML1, Blog1, Label1, PopularPosts1, Header1. |
{Properti} |
Jenis data yang ingin diambil dari widget. Lihat tabel di bawah. |
Comments