Bermain b:class

Atribut blogger yang satu ini membantu dalam pengelolaan tampilan blog kita, apalagi custom menggunakan CSS. Dengan bantuan kondisi-kondisi tertentu yang kita sesuaikan.

Syntax

Berikut ini adalah contoh syntax untuk b:class, tapi perlu diingat sebelumnya

  • Syntax tag b:class dapat digunakan disemua XML Blogger kecuali b:skin
  • Tag b:class dapat diakumulasikan

<div>
  <b:class cond='CONDITION' name='CLASS_NAME'/>
</div>

Little Info

Sebelum melangkah lebih jauh, ada penjelasan sedikit agar tak nyasar.


<b:class cond='CONDITION'
         name='CLASS_NAME'/>

<b:class cond='CONDITION'
         expr:name='EXPRESSION'/>

Penjelasan singkat

Parameter name ini wajib ada. Data berupa string dan dapat dikombinasikan dengan tag Blogger Expression. Data ini nantinya yang akan menjadi value class yang dimaksud.
Sedangkan untuk parameter cond tidak wajib bin tidak harus disertakan. Data ini "biasanya" berupa logika dengan hasil true and false

Contoh

Penambahan class


<div>
  <b:class name='footer'/>
</div>

class baru pada tag <div> bernama footer, dan hasilnya sebagai berikut ini:


<div class='footer'>

</div>

Penambahan class dengan tag kondisional


<div>
  <b:class cond='data:view.isHomepage' name='footer'/>
</div>

class baru pada tag <div> bernama footer jika terjadi pada halaman homepage, dan hasilnya sebagai berikut ini:

Hasil jika tag kondisional true

<div class='footer'>

</div>
Hasil jika tag kondisional false

<div>

</div>

Menambahkan class baru pada tag class yang sudah ada


<div class='section'>
  <b:class name='footer'/>
</div>

class baru pada tag <div class='section'> bernama footer, class yang sudah ada tidak digantikan melainkan ditambahkan, hasilnya sebagai berikut ini:


<div class='section footer'>

</div>

Mungkin itu saja yang dapat saya bagikan, semoga membantu dalam developing theme. Jangan malu bertanya jika ada kesulitan, hubungi saya disini.

Toto Prayogo

Disqus Comments