Ketika sebaris kode tak berhenti menatap dan tampak naksir kepada Anda.

My Label Post

TINGKAT PEMBELAJARAN

Home » Blogger » Lanjutan » Menggunakan `b:class`

Menggunakan `b:class`

,
Cetak Sunting

Tag 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 ketika 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 ketika 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 seperti 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;

Berlangganan

Berlangganan posting: Daftarkan alamat email Anda untuk memperoleh umpan posting terbaru langsung ke kotak masuk pesan.

Facebook Google+ Twitter RSS

Posting Komentar

Nama Saya ShannenPio . Sebenarnya Saya tidak bisa disebut sebagai seorang yang profesional dalam bidang ini, karena Saya tidak menguasai bidang ini melalui pendidikan formal. Saya hanyalah seorang antusias . Dibandingkan sebagai seorang desainer atau pengembang, Saya lebih suka jika disebut sebagai seorang hobiis saja yang tertarik dengan dunia web.

Daftar Tautan

Kontak Sosial

Lain-lain

Dan Tidak lupa, Saya Ucapkan terimakasih atas kunjungan anda di blog yang sederhana ini.

Salam Mas Harris

Saya tidak bisa hidup tanpa JavaScript! Aktifkan JavaScript?

Tutup
Ke atas!