Sunday, 9 June 2019

Fungsi b:include dan b:includable pada HTML

   <b:include> dan <b:includable> adalah kode yang biasa kita temukan pada bagian elemen widget <b:widget>. Kode tersebut berfungsi untuk membuat bagian halaman tertentu, yang mana bagian halaman tersebut kita bisa tempatkan atau panggil berkali-kali. kedua kode ini mirip seperti selektor pada CSS.

<b:includable> adalah kode yang dipakai untuk membuat sebuah bagian pada halaman, dan kita pakai </b:inculde> untuk memanggil bagian dari halaman tersebut.

sebagai contoh, kita akan membuat bagian deretan tombol untuk berbagi. untuk bisa menempatkannya lebih dari 1 tempat kita bisa memanfaatkan kedua kode ini agar tidak menulis kode HTML yang sama berkali-kali.

Berikut adalah strukturnya ; untuk <b:includable> :

<b:includable id='my-custom-share-buttons'>
<!-- Kode HTML tombol berbagi di sini… -->
</b:includable>

untuk <b:include> adalah :

<b:include name='my-custom-share-buttons'/>

keduanya ditempatkan diantara elemen <b:widget>
<b:include name='my-custom-share-buttons'/> 
<h2 class='post-title'> <a expr:href='data:post.url'> 
<data:post.title/>
</a> </h2> 
<div class='post-body'>
 <data:post.body/> 
</div> 
<b:include name='my-custom-share-buttons'/>
 <footer class='post-footer'>
 … 
</footer>




0 komentar:

Post a Comment