Mengenal Tag <b:attr> pada Blogger

Tag atau atribut <b:attr> merupakan suatu instruksi untuk menambahkan sebuah atribut pada elemen sebelumnya.

Penulisan <b:attr>

<div>
<b:attr cond='KONDISI' name='NAMA_ATRIBUT' value='NILAI'/>
</div>

  • Tag <b:attr> dapat digunakan dengan ekspresi prefix yaitu expr: pada atribut name dan value.
  • Dapat mengganti nilai atribut sebelumnya.
  • Dapat digunakan berkali-kali, pada elemen sebelumnya.
  • Jika tag sebelumnya adalah Self Closing, tag harus diganti dengan tag <b:tag>

Studi Kasus <b:attr>

Contoh berikut dapat membuat tag DIV memiliki class dan id.
<div>
<b:attr name='id' value='namaId'/>
<b:attr name='class' value='nama-class'/>
</div>

Maka hasilnya akan seperti berikut:
<div id='namaId' class='nama-class'>

</div>

Menggabungkan Atribut dengan Condition
<div>
<b:attr cond='data:view.isPost' name='style' value='background: red'/>
</div>

Hasilnya hanya akan tampil pada halaman Post (Karena memilki kondisi), dan akan tampil seperti berikut:
<div style='background: red'>

</div>

Memasukkan Atribut Ganda

<a>
<b:attr name='href' expr:value='data:label.url'/>
<b:attr name='target' value='_blank'/>
<span>Judul</span>
</a>

Jika kalian memperhatikan dari awal hingga akhir, maka kalian pasti bisa membayangkan hasil outputnya.

0Komentar

Sebelumnya Selanjutnya