Lompat ke konten Lompat ke sidebar Lompat ke footer

B:Class - Blogger Tutorial

Penjelasan

<b:class> dipakai untuk menciptakan 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 memiliki attribut class, maka secara otomatis akan menciptakan attribute tersebut.

Attribut

  • cond
  • name

Attribut cond

  • Digunakan jikalau suatu konsisi diperlukan.
  • Nilai : kondisi
  • Keterangan : relative, dapat disebutkan ataupun tidak

Attribut name

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

syntax

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

Kumpulan pola <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 jikalau di halaman Home
<article class="article home">  </article>
Hasil render HTML jikalau di halaman post
<article class="article post">  </article>
Hasil render HTML jikalau di halaman Page statis
<article class="article page">  </article>
Hasil render HTML jikalau di halaman pencarian
<article class="article search">  </article>
Hasil render HTML jikalau 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 jikalau di halaman Home
<article class="article home">  </article>
Hasil render HTML jikalau bukan di halaman Home
<article class="article all">  </article>
Selamat berkreasi dan biar bermanfaat.