tRikSonic

b:widget - Blogger Tutorial

Terakhir diperbarui : 27 Mei 2018 - 12.58

Penjelasan

Tag Blogger <b:widget> adalah Tag yang digunakan untuk membuat sebuah gadget atau widget pada xml blogger. Tag ini merupakan element yang terlihat pada bidang tata letak.

Dalam penulisannya Tag <b:widget> harus ditulis didalam rentang tag <b:section>....</b:section>

Tag <b:widget> tidak bisa ditulis secara bersarang, dan didalamnya wajib hadir tag <b:includable>
Triksonic b:widget - Blogger Tutorial

Syntax

Default Syntax
<b:widget id='...' title='...' type='...'>
  ...
</b:widget>

Atribut

Berikut atribut yang dapat digunakan pada tag <b:widget> :
cond Awalan expr : bisa diterapkan digunakan untuk menentukan sebuah widget dapat diterepakan pada suatu kondisi yang telah ditentukan. Nilai atribut ini adalah [kondisi] Keterangan : relative, bisa ditulis ataupun tidak
id Awalan expr : tidak bisa diterapkan digunakan untuk menentukan identitas suatu widget/gadget. Nilai atribut ini adalah diambil dari atribut type dan diiringi angka 1 sampai dengan 999 Keterangan : wajib ada
locked Awalan expr : tidak bisa diterapkan Atribut ini digunakan untuk menentukan sebuah widget/gadget bisa dihapus atau tidak. Nilai atribut ini adalah [true/false] atau [yes/no] Keterangan : relative, bisa ditulis ataupun tidak
mobile Awalan expr : tidak bisa diterapkan Atibut ini digunakan untuk menentukan sebuah widget dapat ditampilkan pada tampilan/ jalur versi mobile

Nilai Atribut ini adalah :
  1. yes widget akan tampil pada versi web dan versi mobile
  2. no widget hanya tampil pada versi web
  3. only widget hanya tampil pada versi mobile
Catatan : hanya untuk widget dengan versi 1
Keterangan : relative, bisa ditulis ataupun tidak
title Awalan expr : tidak bisa diterapkan Atribut ini digunakan untuk menentukan sebuah judul dari sebuah widget. Nilai dari atibut ini bisa diisi secara manual oleh pengguna ataupun ditentukan secara otomatis oleh system blogger Keterangan : wajib ada, tapi nilai bisa dikosongkan
type Awalan expr : tidak bisa diterapkan Atribut ini digunakan untuk menentukan jenis dari sebuah widget atau gadget.

Nilai atribut ini wajib menyesuaikan dengan ketentuan system blogger. Misal : type='Label' untuk widget label, type='PopularPosts' untuk widget Popular post, dan lain sebagainya.
Keterangan : wajib ada
version Awalan expr : tidak bisa diterapkan Atribut ini digunakan untuk menentukan versi berapa yang akan digunakan pada sebuah widget.

Nilai yang tersedia saat ini adalah 1 dan 2

Attribut ini akan otomatis tersedia menyesuaikan dengan Layouts Version dan widget version yang digunakan pada template atau tema.
Keterangan : otomatis
visible Awalan expr : tidak bisa diterapkan Atribut ini digunakan untuk mengaktifkan atau menonaktifkan sebuah widget tanpa perlu menghapusnya atau menambah widget lagi.
Triksonic visible widget blogger
Nilai attribut ini adalah true dan false

Berlaku untuk Layouts Version 3 dan widget version 2
Keterangan : relative, bisa ditulis ataupun tidak

Contoh penggunaan

<b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog' version='2' visible='true'>
  ...
</b:widget>
Hasil render HTML
<div class="widget Blog" data-version="2" id="Blog1">
  ...
</div>
<b:widget id='PopularPosts1' locked='false' title='Populer Post' type='PopularPosts' version='2' visible='true'>
  ...
</b:widget>
Hasil render HTML
<div class="widget PopularPosts" data-version="2" id="PopularPosts1">
  ...
</div>
Selamat berkreasi dan semoga bermanfaat

Informasi :

Artikel ini merupakan panduan tidak resmi tentang xml blogger template.
Untuk mendapatkan informasi yang lebih tepat, sangat disarankan mencarinya pada tautan dibawah ini :

  1. Blog Blogger
  2. Pusat Bantuan Blogger
  3. Forum Bantuan Blogger
  4. Forum Bantuan Google
  5. Stack Overflow

1 komentar

Cicak BinKadal
Cicak BinKadal12/18/2021ReplyBalas Komentar ini
Terima kasih!
Comment Form

Posting Komentar

  1. Untuk menyisipkan sebuah link atau tautan gunakan <i rel="link=//example.com">teks disini</i>
    • Tanpa menggunakan https: dan http:
  2. Untuk menyisipkan sebuah kode yang pendek gunakan <i rel="code">kode disini</i>
  3. Untuk menyisipkan sebuah kode yang panjang gunakan <i rel="pre">kode disini</i>
  4. Untuk menyisipkan sebuah teks Tebal gunakan <strong>teks tebal disini</strong>
  5. Untuk menyisipkan sebuah teks Miring gunakan <em>teks miring disini</em>
  6. Untuk menyisipkan sebuah gambar gunakan <i rel="image">url gambar disini</i>

Ketentuan Komentar

  • Pengguna yang dapat berkomentar adalah pengguna yang memiliki akun google
  • Guna mengurangi komentar yang bersifat spam, maka akan diberlakukan langkah verifikasi kata.
  • Pengguna bertanggung jawab atas komentar yang dikirim
  • Admin dan penulis blog mempunyai hak untuk menampilkan, menghapus, menandai spam, pada komentar yang dikirim
  • Dengan mengirimkan sebuah komentar, maka pengguna dianggap menyetujui semua ketentuan diatas

Poin ketentuan diatas tidak bersifat tetap, dan dapat berubah kapan saja

Konversi Kode
Kode yang ingin dikonversi

Loading.....
X
Run
Klik tombol Run, untuk menampilkan hasil editing, atau menyegarkan editor.