Mengenal Tag b:class pada Blogger

Seperti namanya, <b:class> merupakan sebuah tag yang berfungsi untuk memasukkan atribut Class kedalam Parent Element. Hampir sama seperti atribut <b:attr>, bedanya, atribut ini dapat mengganti nilai Class sebelumnya.

Penulisan Atribut <b:class>

<b:class cond='EKSPRESI' name='STRING'/>
<b:class cond='EKSPRESI' expr:name='EKSPRESI'/>

Studi Kasus

<p>
  <b:class name='nama-class'/>
</p>
Secara otomatis Parent Tag dari atribut <b:class> akan memiliki class nama-class.

Menambahkan Class dengan Condition

<div>
  <b:class cond='data:view.isHomepage' name='nama-class'/>
</div>
Secara otomatis Parent Tag dari atribut <b:class> akan memiliki class nama-class dan hanya dapat terlihat pada Homepage (Karena memiliki Condition).

Menambahkan Class kedalam Class

<div class='nama-class1'>
  <b:class name='nama-class2'/>
</div>
Secara otomatis Parent Tag dari atribut <b:class> akan memilki class kedua (nama-class2).

Hasilnya akan seperti berikut:
<div class='nama-class1 nama-class2'>

</div>

Menambahkan Banyak Class

<div class='nama-class1'>
  <b:class name='nama-class2'/>
  <b:class name='nama-class3'/>
</div>
Secara otomatis Parent Tag dari atribut <b:class> akan memilki class kedua (nama-class2) dan class ketiga (nama-class3).

Hasilnya akan seperti berikut:
<div class='nama-class1 nama-class2 nama-class3' >

</div>

Dengan Operasi Ternary

<div>
  <b:class expr:name='data:view.isHomepage ? "nama-class1" : "nama-class1"'/>
</div>
Dengan Operasi Ternary diatas, Jika kita berada pada Homepage, maka kita akan melihat class (nama-class1), sebaliknya, pada halaman lain kita akan melihat class (nama-class2).

0Komentar

Sebelumnya Selanjutnya