Widget Blogger.

Metode menambahkan widget.

1. Melalui halaman Tata letak.
2. 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 :

1. Memasukkannya dalam tag <b:section> yang sudah ada.
2. 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 &lt;
  • Tanda > menjadi &gt;
  • Tampilan tag <div> menjadi &lt;div&gt;
  • Tanda spasi menjadi &nbsp;
  • Karakter & menjadi &amp; dsb.
  Hal tersebut akan memaksa kita untuk mengedit widget melalui halaman Tata letak karena memperlambat pengeditan.
• 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.

⇐ Sebelumnya

Selanjutnya ⇒