Default Markup
Default markup merupakan pengaturan dasar dari suatu kelompok elemen yang akan dimasukkan kedalam widget. Susunan kelompok elemen ini berada didalam tag <b:includable id=''>
Dimana cara memasukkan kelompok elemen itu nantinya akan diringkas menjadi satu tag yaitu :
<b:include name=''/>
| includable | include |
|---|---|
| <b:includable id=''> | <b:include name=''/> |
Untuk lebih jelasnya perhatikan contoh berikut ini, dapat dipraktekkan langsung kedalam template agar lebih paham cara kerja tag b:includable ini dan bisa mulai memodifikasi sendiri template blog sesuai selera.
Langkah 1
Buat kode defaultmarkup seperti dibawah ini didalam template atau copy paste langsung ke dalam template.<b:includable id='ujiCoba'>
<div class='contoh'><h3 class='title'>Uji Coba Sisipan</h3>
<span>Ini contoh elemen yang disisipkan.</span>
<div>Hapus sisipan ini setelah selesai uji/praktek.</div>
</div>
</b:includabe>Langkah 2
Paste / buat kode tersebut didalam tag b:defaultmarkup type='Common' atau langsung didalam widget Blog1.
Jika ingin diletakkan di head, temukan tag b:defaultmarkup type='Common', paste tepat dibawah tag tersebut.
Tips : Peletakan didalam tag default markup lebih disarankan agar lebih mudah ditemukan karena berada di dalam tag <head> dibawah kode CSS b:template-skin. Selain itu hasilnya juga akan sama.
Tapi jika ingin langsung didalam widget blog : Klik > dikanan atas > scroll dan pilih Blog1, scroll dan temukan tag :
<b:includable id='apaSaja'>lalu pastekan atau buat kode tersebut diatasnya.
Tampilan setelah diletakkan didalam template (defaultmarkup)
Langkah 3
Buat / salin kode sisipan atau ringkasan dari kode pada langkah 1 diatas, seperti ini<b:include name='ujiCoba'/>Lalu pastekan didalam tag <b:includable id='postBody' var='post'/>.
Hasilnya akan terlihat seperti ini :<b:includable id='postBody' var='post'>
<div class='post-body post-content' id='post-body'>
<b:include name='ujiCoba'/>
<data:post.body/>
<!-- [ bisa juga disini ] -->
</div>
</b:includable>Dibawah ini screenshot contoh penempatan kode sisipan / kode panggilnya. Disini dipasang 2 kali yaitu diatas dan dibawah body.
Setelah itu tekan untuk menyimpan dan lihat hasilnya.
Hasil :
Jadi selanjutnya jika ingin menambahkan elemen sendiri, apapun itu bisa menggunakan metode ini. Cukup dengan tag singkat b:include meminimalkan kesalahan karena kode yang tadinya panjang / banyak menjadi ringkas. Selain itu pada penempatannya tidak memakan banyak ruang dan tidak menambah rumit dengan semakin banyaknya kode dilokasi penempatannya.
Dibawah ini contoh penempatan untuk elemen dengan banyak kode :
Tag b:includable (default markup-nya)
Ini tag b:include (kode panggil) untuk penempatannya, cukup ringkas hanya membutuhkan 1 baris, 1 tag saja :
Perbedaan antara b:includable dan b:include
| Menggunakan atribut id='' Memiliki tag penutup. Bisa ditambahkan atribut var='post' jika mengambil data variabel dari halaman postingan. |
| Menggunakan atribut name='' Tunggal atau tidak memiliki tag pasangan sebagai penutupnya. Bisa ditambahkan atribut kondisional |
Atribut kondisional
Atribut kondisional merupakan sebuah deklarasi yang menentukan kondisi halaman dimana elemen HANYA akan ditampilkan pada hlaman tersebut atau TIDAK ditampilkan dihalaman tersebut.
| Merupakan sebuah tag b:if atau elemen dimana terdapat atribut kondisional didalamnya. |
| Merupakan atribut yang berada didalam tag / elemen |