Friday, March 24, 2017

Menggunakan `b:class`

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;

Labels: ,

6 Comments:

At Friday, March 24, 2017 at 2:03:00 AM GMT+7, Blogger Taufik Nurrohman said...

Eksperimen lain:

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

 
At Saturday, March 25, 2017 at 11:05:00 AM GMT+7, Blogger Beben Koben said...

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

 
At Saturday, March 25, 2017 at 1:49:00 PM GMT+7, Blogger Unknown said...

Wuih, sangat membantu. Terima kasih gan :)

 
At Sunday, April 23, 2017 at 6:54:00 PM GMT+7, Blogger Azhato Mc said...

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

 
At Wednesday, June 21, 2017 at 8:33:00 PM GMT+7, Blogger Dian Anarchyta said...

Blogger lebih spesifik lagi sekarang.

 
At Monday, April 9, 2018 at 1:09:00 AM GMT+7, Blogger illvart said...

Ayo mulai lagi hehe

 

Post a Comment

<< Home