Menggunakan B:Class Di Blogger

Cara Menggunakan b:class di Blogger - Halo sahabat blogger, sudah usang aku tidak update yah sob, mumpung ada waktu luang jadi aku sempatkan untuk posting.

Sebelumnya Saya sudah membahas untuk cara Menggunakan b:include dan b:includable Di Blog Untuk kesempatan kali ini Saya akan coba posting dengan judul cara Menggunakan b:class di blogger.

Tag b:class ini 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 dikala URL blog sama dengan URL halaman muka:

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

Hasil keluaran dikala pengguna berada di halaman muka:

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

Tanpa menuliskan kondisi, nama kelas akan ditambahkan begitu saja ibarat halnya menuliskan kelas HTML secara langsung:

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

Hasil keluaran:

 <div class='foo'></div>
 <div class='bar baz'></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;
 

Share this Article