Metode menambahkan widget.
- Melalui halaman Tata letak.
- Membuat kode widget baru didalam template.
Cara menambahkan widget di halaman Tata letak.
Lihat postingan Tag b:section menambahkan widget Blogger.
Cara menambahkan widget dengan kode HTML.
Widget dalam template selalu berada diantara tag <b:section>, jadi untuk menambahkannya terdapat 2 metode :
- Memasukkannya dalam tag <b:section> yang sudah ada.
- Membuat tag <b:section> baru.
Widget dan tag b:section
Template widget.Contoh kode template widget :
<b:widget id='' locked='' title='' type='' visible=''>
<b:widget-settings>
<b:widget-setting> name='content'>
/* masukkan kode HTML disini */
</b:widget-settings>
</b:widget-setting>
</b:widget>
Sekedar pengetahuan, perhatikan teks yang berlatar belakang kuning diatas.
Kedua tag ini tampak sama tapi berbeda karena menggunakan bahasa inggris akhiran huruf "s" dibelakang :
<b:widget-settings berati jamak/banyak. Ini menunjukkan bahwa tag ini berisi pengaturan default dari sebuah widget.
Dan tag yang tanpa akhiran huruf "s" :
<b:widget-setting berarti merupakan konten widget.
Menambahkan widget kedalam tag b:section yang sudah ada, berarti menggabungkan widget lama dengan widget yang baru akan ditambahkan.
Jika dalam kondisi ini, pilih salah satu tag b:section yang sesuai lalu masukkan widget baru dibawah atau diatas tag tersebut.
Dibawah ini widget Sidebar (Bilah samping) sebagai contoh kode tag b:section yang berisi beberapa widget.
<b:section class='sidebar' id='sidebar_feed' name='Sidebar' preferred='yes'>
<b:widget id='BlogArchive1' locked='false' title='' type='BlogArchive' visible='true'></b:widget>
<b:widget id='Label1' locked='false' title='Label' type='Label' visible='true'></b:widget>
<b:widget id='ReportAbuse1' locked='true' title='' type='ReportAbuse' visible='true'></b:widget>
</b:section>
Atribut b:section & b:widget
Keterangan fungsi atribut yang terdapat tag b:section dan b:widget
<b:section id='' class='' name='' showaddelement='yes/no'>
id | Identitas elemen | Masukkan id unik |
class | Kelas elemen | Masukkan selektor class unik |
name | Judul untuk section | Hanya tampil pada halaman layout. |
showaddelement | tunjukkan opsi tambah elemen | Menampilkan opsi tambahkan gadget |
<b:widget id='HTML2' locked='true/false' title='Judul' type='HTML' visible='true/false'>
id | identitas widget | Masukkan id unik |
locked | Pilihan widget permanen atau bisa dipindahkan. | masukkan yes untuk mengunci atau no agar sewaktu-waktu bisa dipindahkan dengan drag & drop |
title | Judul widget | Masukkan judul widget yang ditampilkan dihalaman. |
type | Type widget | HTML |
visible | Opsi keterlihatan widget dihalaman. | pilih true untuk terlihat atau false untuk tidak terlihat. |
Catatan :
- Menambahkan atau membuat widget baru langsung ke dalam template yang paling mudah adalah widget dengan type='HTML'.
- Kode HTML yang berada dalam tag b:widget biasanya setelah disimpan akan diuraikan (parse) menjadi HTML entity.
Misal :
- Tanda < menjadi <
- Tanda > menjadi >
- Tampilan tag <div> menjadi <div>
- Tanda spasi menjadi
- Karakter & menjadi & dsb.
- Mengatasi kode agar tidak diuraikan bisa menggunakan string //<![CDATA[ ]]>, tetapi untuk kode tertentu akan ditolak saat template disimpan.
- Disarankan menambah widget hanya melalui halaman Tata letak lalu mengkustomnya kemudian di template blog.
- Widget default (bawaan) yang disediakan Blogger merupakan widget standar, jadi sebenarnya hanya perlu mengkustom tampilannya saja.