Penjelasan Tag b:section pada Blogger

Tag <b:section> merupakan elemen Layout dari Blogger yang dapat digunakan sebagai wadah/container dari Widget/Gadget Blogger. Pada artikel kali ini, kita akan membahas tentang tag tersebut yang sering digunakan di Blogger.


Contoh Penulisan Tag b:section

Berikut adalah contoh penulisan dari Tag <b:section>:


<b:section class='header' id='header' maxwidgets='1' showaddelement='yes'>
    ...
</b:section>

Penjelasan:
  • Setiap Tag <b:section> dapat diletakkan di dalam tag <body>.
  • Tag <b:section> hanya dapat terdiri dari tag <b:widget>.
  • Tag <b:section> tidak dapat saling menumpuk. Dengan kata lain, kita tidak dapat memasukkan tag <b:section> di dalam tag <b:section>.
  • Pada template Blogger, setidaknya harus ada satu tag <b:section>.

Atribut pada Tag b:section

Terdapat beberapa atribut yang dapat digunakan pada tag <b:section>. Ada yang harus digunakan dan ada pula yang tidak harus digunakan (Opsional). Berikut adalah contoh kode <b:section> dengan atribut lengkap:

<b:section class='NAMA_CLASS' cond='BOOLEAN_TRUE|FALSE' id='ID_SECTION' maxwidgets='ANGKA' name='NAMA_SECTION' preferred='BOOLEAN_YES|NO|TRUE|FALSE' showaddelement='BOOLEAN_YES|NO|TRUE|FALSE'>
    ...
</b:section>

Berikut adalah beberapa keterangan dari masing-masing atribut:
AtributGolonganPenggunaan
Prefix (expr:)
ArtiKeterangan
idHTMLDilarang untuk digunakanID/Pengenal unik untuk setiap Section
Harus Digunakan (Wajib)
classHTMLDilarang untuk digunakanClass untuk SectionOpsional
nameHTMLDapat DigunakanNama dari SectionOpsional
maxwidgetsHTMLDilarang untuk DigunakanJumlah maksimal dari Gadget/Widget yang dimasukkan kedalam SectionOpsional
preferredHTMLDilarang untuk DigunakanAtribut tersebut menentukan apakah Section tersebut adalah yang paling utama atau bukan. Nilainya dapat berupa Boolean (yes atau no)Opsional
showaddelementHTMLDilarang untuk DigunakanSecara Default, nilainya adalah yes atau true. Atribut tersebut berfungsi untuk menampilkan tombol/Link "Add a Gadget atau Tambah Gadget" pada menu/bagian Layout.Opsional
condEkspresi XML BloggerDapat DigunakanKondisional untuk Tag Blogger

Hasil Render dari Tag b:section

Ketika dibuka pada Browser, tag <b:section> akan berubah menjadi tag <div> yang juga akan memiliki atribut class, id, dan name. Jika kita memperhatikan atribut class pada hasil render tag <b:section>, maka kita juga akan melihat nilai section yang secara otomatis akan ditambahkan kedalamnya. Jika tidak ada widget/gadget yang ada di dalam tag <b:section>, maka kita juga akan melihat nilai no-items pada atribut class yang juga akan secara otomatis ditambahkan.

Lebih jelasnya, perhatikanlah contoh berikut:

<b:section class='header' id='header' name='header_blog' showaddelement='yes'>
    ...
</b:section>

Hasil yang akan muncul pada Browser adalah seperti berikut (Render):

<div class='header section' id='header' name='header_blog'>
    ...
</div>

Mungkin itu saja penjelasan dari saya, jika ada yang kurang jelas, kalian dapat bertanya melalui kolom komentar dibawah ini. Jika artikel ini bermanfaat, silahkan dibagikan. Terimakasih telah berkunjung di EL Creative Academy.

Tulis Komentar

0 Komentar