Blogger
Cetak Edit

Menggunakan b:class Di Blog - Tag b:class berfungsi untuk menyisipkan kelas pada elemen HTML induk dengan kondisi tertentu. Perintah di bawah ini akan menyisipkan kelas home-page pada elemen <div> yang mengitarinya ketika URL blog sama dengan URL halaman Beranda:

<div>
  <b:class cond='data:blog.url == data:blog.homepageUrl' name='home-page'>
  <p>Lorem ipsum dolor sit amet.</p>
</div>

Hasil keluaran ketika pengguna berada di halaman Beranda (homepage):

<div class='home-page'>
  <p>Lorem ipsum dolor sit amet.</p>
</div>

Tanpa menuliskan kondisi, nama kelas akan ditambahkan otomatis seperti halnya menuliskan kelas HTML secara langsung:

<div>
  <b:class name='foo'>
</div>
<div class='bar'>
<b:class name='baz'>
</div>

Hasil keluaran dari kode diatas:

<div class='foo'></div>
<div class='bar baz'></div>

Atau dengan kondisi, caranya seperti ini,

<div>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<b:class name='home-page'/>
</b:if>
</div>

Cara Lama

&lt;div<b:if cond='data:blog.url == data:blog.homepageUrl'>
 class='home-page'
</b:if>&gt;
<p>Lorem ipsum dolor sit amet.</p>
&lt/div&gt;

Demikian artikel Menggunakan b:class Di Blog.

Diposkan oleh Butiran Kode pada

Berlangganan Lewat Email

Kirim alamat email Anda untuk mendapatkan notifikasi artikel terbaru dari blog Butiran Kode secara GRATIS langsung di kotak masuk Anda.