Friday, March 24, 2017

Menggunakan `b:comment`

Tag ini memiliki fungsi yang mirip dengan sintaks <!-- komentar --> pada HTML, perbedaannya adalah bahwa kode yang dituliskan di dalam tag ini tidak akan terlihat di kode sumber halaman:

<b:comment> foo </b:comment>
<!-- bar -->

Hasil keluaran:

<!-- bar -->

Labels: ,

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: ,