Beranda Blogger Blogspot Tutorial

Tutorial Lengkap Menambah dan Menghapus Widget di Blogspot

Jumat, April 04, 2025
A+ A- Print Email

 

Tutorial Lengkap Menambah dan Menghapus Widget di Blogspot

Widget adalah elemen penting yang memperkaya fungsi dan tampilan blog Anda. Berikut panduan lengkap untuk menambah, mengatur, dan menghapus widget di Blogger.

A. Cara Menambah Widget Baru

Langkah 1: Akses Menu Tata Letak

  1. Login ke Blogger Dashboard

  2. Pilih blog yang ingin diedit

  3. Klik "Tata Letak" di menu sebelah kiri

Langkah 2: Tambah Widget

  1. Klik "Tambahkan Gadget" di area yang ingin ditambahkan widget:

    • Sidebar (bilah samping)

    • Footer (bagian bawah)

    • Header (bagian atas)

    • Area posting

  2. Pilih jenis widget dari pop-up yang muncul:

    • Populer: Daftar Populer, Label, Arsip

    • Dasar: Teks, HTML/JavaScript, Gambar

    • Lainnya: Form Kontak, Polling, Slideshow

  3. Contoh menambahkan widget Label:

    • Pilih "Label"

    • Atur judul widget (misal: "Kategori Artikel")

    • Pilih tampilan (daftar, awan label)

    • Klik "Simpan"

Langkah 3: Atur Posisi Widget

  1. Setelah widget ditambahkan, Anda bisa:

    • Drag & drop untuk mengubah urutan

    • Klik "Edit" untuk mengubah setelan

    • Klik "Simpan" setelah selesai mengatur tata letak

B. Cara Menghapus Widget

Metode 1: Hapus dari Menu Tata Letak

  1. Di halaman "Tata Letak", temukan widget yang ingin dihapus

  2. Klik ikon "Edit" pada widget

  3. Pilih "Hapus" di pojok kiri bawah

  4. Klik "Simpan" untuk mengkonfirmasi

Metode 2: Hapus via Edit HTML (Untuk Widget Sistem)

  1. Di menu "Tema" > "Edit HTML"

  2. Cari kode widget dengan Ctrl+F ketik:

    html
    Copy
    <b:widget id='HTML1' type='HTML'>
    Run HTML

    (ID dan type menyesuaikan widget)

  3. Hapus seluruh bagian widget dari:

    html
    Copy
    <b:widget ...> sampai </b:widget>
    Run HTML

  4. Simpan perubahan

C. Jenis-Jenis Widget yang Berguna

WidgetFungsiLokasi Ideal
LabelKategori artikelSidebar
Daftar PopulerArtikel paling dibacaSidebar/Footer
HTML/JavaScriptPasang iklan/kode customHeader/Sidebar
Form KontakFormulir komunikasiSidebar/Halaman khusus
ProfilTentang penulisSidebar
ArsipNavigasi bulananSidebar
GambarLogo/bannerHeader

D. Tips Mengelola Widget

  1. Jangan terlalu banyak widget (mempengaruhi kecepatan loading)

  2. Prioritaskan widget penting di atas/sidebar

  3. Uji tampilan mobile setelah menambah widget

  4. Backup template sebelum mengutak-atik widget HTML

E. Troubleshooting

Masalah: Widget tidak muncul
Solusi:

  1. Pastikan sudah disimpan

  2. Cek apakah template mendukung area widget tersebut

  3. Clear cache browser

Masalah: Error setelah menambah widget HTML
Solusi:

  1. Hapus widget yang bermasalah

  2. Pastikan kode yang dimasukkan valid

  3. Gunakan kode yang lebih sederhana

Dengan mengikuti panduan ini, Anda bisa dengan mudah menyesuaikan widget di blog Blogger sesuai kebutuhan. Untuk widget kompleks, pertimbangkan untuk menggunakan kode HTML/CSS khusus atau plugin pihak ketiga.

, ,