Beranda
Blogger
HTML

Atribut widget Blogger

Atribut pada elemen widget dalam template Blogger.
Oleh:
Pada:

Tag b:widget

Blogger Widget

Tag b:widget merupakan tag khusus untuk menampilkan gadget / widget.
Tag b:widget ini apabila dirender akan ditampilkan sebagai : div class='widget'.

Kode template widget sebelum dirender

  <b:widget id='Header1' locked='true' title='Title (Header)' type='Header' version='2' visible='true'>

Kode setelah dirender

  <div class='widget' data-version='2' id='Header1'>

Untuk mengetahui hasil render suatu halaman blog bisa menggunakan shortcut keyboard ctrl + u
Atau kalau secara manual bisa menggunakan parameter URL : view-source:https://url-blogmu di addresbar browser lalu tekan enter.

Cara tersebut digunakan untuk melihat kode sumber (source code) halaman yang juga berarti melihat hasil render template HTML halaman tersebut.

Atribut tag b:widget

Atribut yang ada pada tag b:widget merupakan atribut markup khusus untuk template Blogger. Karena atribut yang disematkan pada tag tersebut, tidak termasuk ke dalam referensi atribut HTML ataupun syntax HTML pada umumnya.

Sebagai pengecualian, atribut pada tag b:widget yang termasuk ke dalam Syntax HTML antara lain :

  1. Atribut id
    • Atribut ini berperan sebagaimana mestinya sebagai identifier (identitas unik) elemen.
    • Value atribut id pada widget akan otomatis terisi pada saat widget ditambahkan.
    • Value atribut ini terdapat bilangan angka dibelakang mengidentifikasi urutan widget apabila widget dengan type sejenis digunakan berulang / ditambahkan lebih dari satu widget sejenis.
    Misal : id='LinkList1', id='LinkList2' dst.
  2. Atribut title
    • Atribut title mendeklarasikan nama atau judul widget.
    • Value atribut title bersifat opsional, bisa dikosongkan bisa juga diisi dengan teks yang diinginkan.
    • Title widget akan muncul di 2 jenis halaman yaitu dihalaman Layout (Tata letak) dan dihalaman tampilan blog.
  3. Atribut type
    • Atribut type mendeklarasikan jenis widget / gadget.
    • Default markup susunan elemen yang berada dalam widget akan disesuaikan menurut atribut type.
    • Value dari atribut type ini bersifat mutlak (harus sesuai dengan value yang disediakan) dan tidak dapat dibuat sesuai keinginan sendiri

Namun untuk atribut type penggunaannya juga diluar daftar elemen yang direkomendasikan.

Meskipun begitu, hal ini tidak menjadi masalah, karena hasil render dari tag b: semuanya ditampilkan sesuai dengan Syntax HTML standart. Ini hanya sekedar wawasan tambahan terutama bagi para pemula.

Atribut markup tag b:widget

Atribut markup inilah yang tidak termasuk kedalam Syntax HTML standart namun atribut ini difungsikan khusus untuk me-markup susunan elemen widget didalam template.

  1. Atribut locked
    • Atribut locked berfungsi untuk mengunci letak dan keberadaan widget apabila value atribut ini diisi dengan true
    • Pada posisi locked='true', letak widget tidak dapat digeser dan keberadaannya tidak dapat dihapus.
    • Agar widget tidak terkunci, dapat digeser ataupun dihapus ubah value dari true menjadi false
  2. Atribut version
    • Apabila widget terdapat atribut version maka widget tersebut merupakan widget default markup. Artinya widget bawaan template.
    • Value untuk atribut ini berupa bilangan angka. Dimana versi default widget ditentukan melalui atribut yang berada dalam tag html yang terletak dibarisan atas dalam template, berikut ini kodenya :
      <html b:css='false' b:defaultwidgetversion='2'.. >
    • Atribut ini sifatnya otomatis tersesuai oleh data layout template sehingga tidak perlu diotak-atik ataupun diubahsuaikan.
  3. Atribut visible
    • Sesuai namanya, atribut ini menentukan visibilitas atau kemunculan widget dihalaman blog.
    • Apabila value atribut visible berisi true berarti widget ditampilkan dihalaman blog. Dan sebaliknya jika value atribut berisi false maka widget disembunyikan atau tak terlihat dari halaman namun tetap berada didalam template.
  4. Atribut cond
    • Ini adalah atribut kondisional alternatif.
    • Fungsi atribut ini adalah untuk menentukan kondisi di halaman apa widget akan ditampilkan ataupun tidak ditampilkan.
    • Apabila menginginkan widget hanya tampil di kondisi halaman tertentu, masukkan atribut ini. Misal widget hanya akan tampil dihalaman postingan :
      <b:widget id='Label' cond='data:view.isPost' ...>

Setelah memahami fungsi dan penggunaan atribut, selanjutnya dibawah ini daftar atribut tag b:widget Blogger

Lihat juga Daftar nama berdasarkan type widget

Atribut lengkap 25 widget Blogger.

Atribut widget yang tertera didalam tabel dibawah ini diambil dari tema responsive versi 3 berdasarkan kode HTML defaultnya. Seperti tampak pada contoh kode HTML widget Header di atas.

No.WidgetAtribut
idlockedtitletypeversionvisible
BlogBlog1true
false		opsionalBlog2true
false
AdsenseAdsense1true
false		opsionalAdsensetrue
false
Postingan UnggulanFeaturedPosttrue
false		opsionalFeaturedPost2true
false
Pencarian BlogBlogSearch1true
false		opsionalBlogSearch2true
false
HTML / JavascriptHTML1true
false		opsionalHTMLtrue
false
ProfilProfiletrue
false		opsionalProfiletrue
false
Arsip BlogBlogArchivetrue
false		opsionalBlogArchivetrue
false
HeaderHeadertrue
false		opsionalHeader2true
false
PengikutFollowerstrue
false		opsionalFollowerstrue
false
GambarImages1true
false		opsionalImagestrue
false
LabelLabel1true
false		opsionalLabeltrue
false
HalamanPageList1true
false		opsionalPageListtrue
false
Daftar LinkLinkList1true
false		opsionalLinkListtrue
false
TeksText1true
false		opsionalTexttrue
false
Postingan PopulerPopularPosts1true
false		opsionalPopularPosts2true
false
Statistik BlogStatstrue
false		opsionalStatstrue
false
FeedFeed1true
false		opsionalFeedtrue
false
LogoLogotrue
false		opsionalLogotrue
false
Link LanggananSubscribetrue
false		opsionalSubscribetrue
false
TerjemahanTranslatetrue
false		opsionalTranslatetrue
false
DaftarTextListtrue
false		opsionalTextListtrue
false
Formulir KontakContactFormtrue
false		opsionalContactFormtrue
false
Laporan PenyalahgunaanReportAbusetrue
false		opsionalReportAbuse2true
false
AtribusiAttribution1true
false		opsionalAttribution2true
false
WikipediaWikipediatrue
false		opsionalWikipediatrue
false
⇐ Sebelumnya
Selanjutnya ⇒
#Blogger #HTML #Widget
Bagikan:

Posting Komentar

Posting Komentar
[---- Ads 3 ----]
© 2022 - ‧ Coding Blogger ‧
Cookie Consent
Kami menyajikan cookie di situs ini untuk menganalisis lalu lintas, mengingat preferensi Anda, dan mengoptimalkan pengalaman Anda.
Lihat Detail
Oops!
Ada yang salah dengan koneksi internet Anda. Silakan sambungkan ke internet dan mulai menjelajah lagi.
AdBlock Detected!
Pemblokir iklan terdeteksi!.
Pendapatan yang kami peroleh dari iklan digunakan untuk mengelola situs web ini, harap memasukkan situs ini ke daftar putih (whitelist) di pengaturan pemblokir iklan Anda.
Site is Blocked
Sorry! This site is not available in your country.