Bagian utama templat Blogger ini, yang terletak di antara tag
<body> dan </body>, terdiri dari blok-blok yang disebut dengan istilah section dan widget. Section dan widget ini bisa diibaratkan dengan tag-tag dalam bahasa markah HTML.Widget harus selalu berada di dalam section, dan sebuah section dapat terdiri dari banyak widget.
Tidak adanya section yang mengapit sebuah widget akan mengakibatkan munculnya pesan kesalahan saat kita akan menyimpan atau mempratinjau templat yang telah dimodifikasi.
Berikut adalah contoh pesan kesalahan yang muncul setelah saya menghilangkan section yang mengapit widget FollowByEmail1.
Widget dengan id FollowByEmail1 tidak berada dalam bagian (element induk aktual adalah: div.) Setiap widget seharunya berada dalam sebuah bagian.
Hubungan antara section dan widget ini dapat diilustrasikan seperti yang terlihat pada gambar berikut ini.
Deklarasi Section dan Widget pada Templat Google Blogger
Sebuah section dideklarasikan dengan sintaks berikut:<b:section atribut></b:section>
Adapun sintaks untuk widget adalah:
<b:widget atribut/>
Kalau diibaratkan dengan tag, section memiliki kesamaan dalam penulisannya dengan tag-tag HTML yang memiliki penutup (closing tag) seperti:
<h1> yang berpasangan dengan </h1>; <p> dengan </p>; dan <table> dengan </table>. Sambil berseloroh, murid-murid saya di SMK menyebut tag-tag penutup HTML ini sebagai soulmate. :)Berbeda dari section, widget tidak memiliki pasangan sehingga dalam penulisannya ditambahkan slash (/) sebelum tanda penutup tag >. Widget, dengan demikian, serupa dengan tag
<img />, <input />, atau <br /> yang tidak memiliki soulmate.Atribut-atribut pada Section dan Widget
Baik section maupun widget wajib memiliki atribut (lihat teks berwarna merah pada kedua sintaks di atas!). Secara sederhana, atribut dapat diartikan sebagai informasi tambahan yang berhubungan dengan sebuah tag, dalam hal ini adalah section dan widget itu sendiri.Atribut yang wajib ada pada section dan widget ini adalah
id. Tidak adanya atribut id, baik pada section maupun widget, akan memunculkan pesan kesalahan berikut:Satu dari widget kehilangan id atribut yang dibutuhkan. Setiap widget seharunya memiliki sebuah id unik.
Atribut
id ini merupakan bagian dari atribut HTML yang digunakan untuk menandai sebuah elemen secara unik. Atribut ini umum digunakan dalam hubungannya dengan CSS dan Javascript. Sebuah
id bisa kita umpamakan dengan KTP. Setiap orang tidak mungkin memiliki nomor KTP yang sama. Demikian halnya dalam templat Google Blogger, setiap section dan widget tidak boleh memiliki nilai id yang sama dengan section dan atau widget yang lain. Khusus untuk widget, harus disertakan atribut type. Informasi lebih lengkap mengenai atribut-atribut section dan widget ini dapat dibaca di support.google.com/blogger.
Contoh Lengkap Sintaks Section dan Widget
Contoh lengkap sintaks section dan widget yang umum kita temukan pada templat Blogger adalah sebagai berikut.<b:section class='main' id='main' showaddelement='no'> <b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/> <b:widget id='Label1' locked='false' title='Categories' type='Label'/> </b:section>
Contoh di atas memeperlihatkan bahwa widget (bagian berwarna merah) selalu ditempatkan di dalam section (bagian berwarna hitam tebal).