Mengenal Widget Pada Blogger #3 | Template Blogger

Blogger.com!

Halo, artikel ini adalah bagian ketiga dari seri Cara membuat template blogger sendiri. Kali ini kita akan mempelajari tentang widget pada blogger. Karena widget itu adalah bagian yang penting. Dalam struktur blogger sendiri, widget menempati urutan kedua setelah section.

Mengenal widget pada blogger

widget pada blogger ditandai dengan syntax berikut

<b:widget/>

Secara spesifik widget diwakili oleh satu tag, yang merupakan pengganti untuk menunjukkan bagaimana widget harus dikonfigurasi di tab Tata letak (Page Layout).

Mari saya tunjukkan beberapa contoh penggunaan tag widget pada blogger langsung dalam blogger. Lihat syntax berikut ini

<b:widget id="header" type='HeaderView' locked="yes"/>

<b:widget id="myList" type='ListView' locked="no" title="My Favorite Things"/>

<b:widget id=”BlogArchive1” locked=”false” mobile=”yes” title=”Blog Archive” type=”BlogArchive”/>

Ada beberapa atribut(attributes) yang ada pada tag widget diatas seperti id, type, locked, title, dll. Mari saya jelaskan lebih detail dibawah tentang apa saja fungsi atribut diatas.

  • id – (Wajib/ harus ada) Hanya dapat berupa huruf dan angka, dan setiap ID widget di tema Anda seharusnya unik(tidak boleh sama). ID widget tidak dapat diubah tanpa menghapus widget dan membuat yang baru.
  • type – (Wajib/ harus ada) Menunjukkan jenis widget.
  • locked – (Opsional) Bisa “yes” atau “no”, dengan “no” sebagai default. Widget yang terkunci tidak dapat dipindahkan atau dihapus dari tab Elemen Halaman.
  • title – (Opsional) Jika tidak ada judul tampilan yang ditentukan, judul default seperti “List1” akan digunakan.
  • pageType – (Opsional) Bisa “all”, “archive”, “main”, atau “item”, dengan “all” sebagai default. Widget akan ditampilkan hanya pada halaman yang ditunjuk dari blog Anda. (Semua widget ditampilkan di tab Elemen Halaman, terlepas dari pageType widget tersebut.)
  • mobile – (Opsional) Bisa “yes”, “no”, atau “only” dengan “default” sebagai default. Atribut ini menentukan apakah widget akan ditampilkan pada perangkat seluler atau tidak. Hanya Header, Blog, Profil, PageList, AdSense, Atribusi yang akan ditampilkan pada perangkat ketika atribut seluler adalah “default”.

Ketika pada saat kamu menyimpan tema kamu, maka tag b:widget dan b:section akan menjadi tag div. Seperti

<b:section id='mantap'></b:section>

akan menjadi

<div id='mantap'></div>

Hal ini berlaku jika kamu membuka halaman blog kamu (bukan edit htmlnya ya)

Cara menambahkan widget di blogger

Masuk ke dashboard blogger kamu > Klik Layout (Tata Letak) > Add widget (tambahkan gadget) > Pilih widget yang ingin kamu pasang > Simpan.

Widget bisa ditambahkan kalau blog kamu mempunyai minimal satu section

Kamu bisa membaca sumber resmi dari google berikut: https://support.google.com/blogger/answer/46995

Penutup

Nah, apakah sampai disini kalian sudah paham? Jika sudah maka kita akan melanjutkannya ketahap ke empat! Kita akan mulai membuat templatenya!

Jika kamu merasa artikel ini bermanfaat, jangan lupa untuk meninggalkan komentar dibawah ya! Terimakasih!

Ketua Kelas
Halo! Saya adalah seorang IT Enhthusiast dan juga seorang desainer grafis. Hobi dalam bidang IT seperti coding dan yang lainnya. Saya juga merupakan seorang contributor di beberapa mikrostok di Internet.

Log In

Forgot password?

Enter your account data and we will send you a link to reset your password.

Your password reset link appears to be invalid or expired.

Log in

Privacy Policy

Add to Collection

No Collections

Here you'll find all collections you've created before.