Menggunakan `b:class`

Tabel Konten
  1. Cara Lama 

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;

6 Komentar

  • Taufik Nurrohman

    Eksperimen lain:

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

      Apaan ini bos???
      Mantap bereksperimen terus ternyata, lanjutkan bos :thumbsup:

  • Unknown

    Wuih, sangat membantu. Terima kasih gan :)

  • Azhato Mc

    Bisa juga begini mas <div expr:class='data:blog.pageType'></div>

  • Dian Anarchyta

    Blogger lebih spesifik lagi sekarang.






Semua kode HTML akan dihapus kecuali kode-kode HTML yang dituliskan sebagai contoh. Gunakan sintaks Markdown untuk memberi gaya pada komentar.


Batal