b:class - Blogger Tutorial

Penjelasan

<b:class> digunakan untuk membuat atau menambahkan nilai dari attribut class yang berlaku untuk tag induk. Tag <b:class> tidak akan menghapus nilai class yang sudah ada.

Jika element induk tidak mempunyai attribut class, maka secara otomatis akan membuat attribute tersebut.

Attribut

• cond
• name

Attribut cond

• Digunakan jika suatu konsisi diperlukan.
• Nilai : kondisi
• Keterangan : relative, bisa disebutkan ataupun tidak

Attribut name

• Digunakan untuk menuliskan nilai attribut class yang ingin disematkan.
• Nilai : nama kelas.
• Keterangan : wajib disebutkan, awalan expr: bisa diberlakukan.

syntax

<b:class name='...'/>

<b:class cond='...' name='...'/>

Kumpulan contoh <b:class>

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

Hasil render HTML

<div class="article">

</div>

<div class='article'>
  <b:class name='my-article'/>
</div>

Hasil render HTML

<div class="article my-article">

</div>

Contoh Berdasarkan Kondisi

<article class='article'>
  <b:class cond='data:view.isHomepage' name='home'/>
  <b:class cond='data:view.isPost' name='post'/>
  <b:class cond='data:view.isPage' name='page'/>
  <b:class cond='data:view.isSearch' name='search'/>
</article>

Hasil render HTML jika di halaman Home

<article class="article home">

</article>

Hasil render HTML jika di halaman post

<article class="article post">

</article>

Hasil render HTML jika di halaman Page statis

<article class="article page">

</article>

Hasil render HTML jika di halaman pencarian

<article class="article search">

</article>

Hasil render HTML jika bukan di halaman Home, post, page dan pencarian

<article class="article">

</article>

Contoh dengan awalan exr: dan operan

<article class='article'>
  <b:class expr:name='data:view.isHomepage ? "home" : "all"'/>
</article>

Hasil render HTML jika di halaman Home

<article class="article home">

</article>

Hasil render HTML jika bukan di halaman Home

<article class="article all">

</article>

Selamat berkreasi dan semoga bermanfaat.