Slider Widget

Responsive Advertisement

Mengenal dan Memahami Tag b:section pada Blogger

<b:section> merupakan salah satu tag pada Blogger yang digunakan untuk membuat area Section (Bagian) atau blok Gadget/Widget yang nantinya akan terlihat di menu Layout atau Tata Letak.

Pada artikel kali ini, kita akan membahas tentang Tag <b:section> yang sering digunakan di Blogger.

Daftar Isi

Penggunaan Tag b:section

Pada tema Blogger, kita wajib memasukkan atau meletakkan setidaknya satu tag <b:section>.

Tag <b:section>, hanya dapat diletakkan didalam atau diantara Tag <body>...</body>.

Didalam atau diantara tag <b:section>...</b:section>, kita hanya diperbolehkan untuk meletakkan Tag <b:widget>.

Contoh Penulisan Tag b:section

Berikut adalah contoh penggunaan dan penulisan (Syntax) dasar dari Tag <b:section>:

<b:section id='ID_SECTION'>
	<!-- KODE --->
</b:section>

Pada contoh diatas, id adalah atribut yang wajib digunakan untuk Tag b:section. Kalian dapat mengatur nilai dari atribut id dengan bebas.

Hasil Render dari Tag b:section

Hasil Render (Tampilan Tag yang akan terlihat pada Browser) dari Tag b:section akan menjadi seperti berikut:

<div class='no-items section' id='ID_SECTION'>
	<!-- KODE --->
</div>

Pada hasil Render diatas, Blogger akan mengubah Tag b:section menjadi div, kemudian akan otomatis menambahkan atribut class kedalamnya.

Nilai otomatis dari atribut class, akan menjadi no-items dan section. Berikut adalah penjelasannya:

  1. no-items: Menandakan bahwa Section (Bagian) tersebut tidak memiliki Widget/Gadget didalamnya. Jika terdapat Widget/Gadget, maka nilai tersebut tidak akan ter-Render.
  2. section: Menandakan bahwa Tag tersebut adalah Tag b:section.

Atribut yang Dapat Digunakan pada Tag b:section

Berikut adalah beberapa atribut yang dapat ditambahkan kedalam Tag <b:section>:

  1. id (Wajib) - Atribut ini digunakan untuk menandakan identitas (ID) untuk Tag b:section. Nilai dari atribut ini dapat diisi dengan bebas tetapi tidak boleh sama dengan ID b:section lainnya. Selain itu, nilai dari atribut ini akan muncul ketika di Render.
  2. class (Opsional) - Atribut ini digunakan untuk menambahkan class yang nantinya berguna untuk Styling (CSS). Nilai dari atribut ini dapat diisi dengan bebas. Jika atribut ini tidak diatur, maka nilai Default (Bawaan) nya akan tetap muncul ketika di Render.
  3. name (Opsional) - Atribut ini digunakan untuk memberikan nama dari Tag b:section. Nilai dari atribut ini berguna untuk menampilkan nama Section khususnya di menu Layout (Tata Letak) pada Dashboard Blogger. Jika atribut ini tidak diatur, maka pada menu Layout di Dashboard Blogger kalian akan melihat nilai dari atribut id sebagai nama Section. Nilai dari atribut ini dapat diisi dengan bebas serta akan muncul ketika di Render.
  4. maxwidgets (Opsional) - Atribut ini digunakan untuk mengatur jumlah Widget atau Gadget yang nantinya dapat diletakkan kedalam Tag b:section. Jika atribut ini tidak diatur, maka Tag b:section dapat berisi Widget atau Gadget dalam jumlah yang tidak terbatas. Nilai dari atribut ini dapat diisi dengan angka. Jika atribut ini diatur dan Widget atau Gadget yang ada didalamnya sudah mencapat nilai atribut yang telah diatur, maka tombol Add a Gadget akan hilang dan Tag b:section tidak lagi dapat diisi dengan Gadget atau Widget. Atribut ini tidak akan muncul ketika di Render.
  5. showaddelements (Opsional) - Atribut ini digunakan untuk mengatur apakah Tag b:section ini dapat berisi Gadget/Widget atau tidak. Nilai dari atribut ini harus berupa Boolean (yes atau no). Jika nilai dari atribut ini diatur menjadi no, maka tombol Add a Gadget akan hilang dan Tag b:section tidak lagi dapat diisi dengan Gadget atau Widget. Atribut ini tidak akan muncul ketika di Render.
  6. cond (Opsional) - Atribut ini digunakan untuk mengatur kondisional pada Tag b:section. Atribut ini tidak akan muncul ketika di Render
  7. preferred (Opsional) - Atribut ini digunakan untuk mengatur apakah Tag b:section tersebut merupakan rujukan utama ketika ada Widget atau Gadget yang ditambahkan. Nilai dari atribut ini harus berupa Boolean (yes atau no). Atribut ini tidak akan muncul ketika di Render.

Referensi:

Yorum Yap