Kumpulan Tag Witget dan Data Blogger

Sebelumnya kita sudah membahas tentang kumpulan Tag kondisional Blogger, dan pada postingan kali ini ada sekumpulan kode yang bisa digunakan untuk menampilkan data dari Blogger. Agar lebih jelasnya lagi dalam meta-tag kali ini saya akan tunjukan kepada anda contoh hasil outputnya seperti apa, kelas ini adalah bagian lanjutan dari kelas sebelumnya yaitu Mengenal Kumpulan Meta Tag Kondisional Dasar Blogger.

1. Membuat Witget Section Kode <b:section>

<b:section class='Nama_Kelas' id='Nama_ID' maxwidgets='1' name='Judul Section' showaddelement='yes'></b:section>

Kode section ini bisa digunakan untuk menambahkan elemen witget, untuk Nama_Kelas dan Nama_ID adalah nama unik untuk selector css yang ingin digunakan. Sementara, paramenter maxwidgets digunakan sebagai pemberi nilai berapa banyak witget/gadget yang bisa ditambahkan dalam sebuah section. showaddelement nilainya yes, true, atau false digunakan untuk mendefinisikan suatu section apakah bisa ditambahkan witget/gadget baru atau tidak. preferred diberi nilai yes atau no, kegunaanya untuk menentukan apakah section tersebut adalah bagian yang diutamakan atau tidak. preferred bisa disertakan dalam penulisan tag section, bisa juga tidak disertakan. Kode diatas akan menghasilkan div area seperti dibawah ini, contoh hasil Render HTML section:

<div class="Nama_Kelas" id="Nama_ID"> </div>

2. Markups Blogger Inklusi
Mungkin anda pernah melihat sebuah tag <b:includable> dan <b:include>, kode ini berfungsi untuk menyimpan serangkaian kode dan mengemasnya. Tag ini bisa menyimpan dan menampilkan data baik data dari sisi server maupun data yang dibuat secara manual, kebanyakan tag ini digunakan dalam sebuah witget/gadget. Syntax dasar penulisan sebagai berikut:

<b:section id='...' showaddelement='...'>

  <b:widget id='Blog1' type='Blog' version='2'>

    <b:widget-settings>...</b:widget-settings>

    <!-- main -->

    <b:includable id='main' var='this'>

 

<!-- Memanggil Data breadcrumb -->

<b:include data='posts' name='breadcrumb'/>

      

        <!-- etc--></b:includable>

    

<!-- Menyimpan data ke breadcrumb -->

<b:includable id='breadcrumb' var='posts'>Isi Data Disini...

</b:includable>

    

  </b:widget>

</b:section>

Untuk membuatnya menjadi Global dan bisa dipanggil pada area mana saja kamu membutuhkan tag penyimpan, ada dua tag penyimpan yang dibutuhkan yaitu <b:defaultmarkup> dan <b:defaultmarkups>

Memahami Sysntax Penulisan
Pada penulisan skrip diatas kita membuat sebuah inklusi dengan diberi id breadcrumbs. Penggunaaan nama id ini nantinya kita bisa menyertakan inklusi dengan menyebut nama. Sedangkan atribut var=&apostpos&apos, digubanakan sebagai pemberi data dari suatu postingan.