Skip to content

Favicon, Logo & Footer

Panduan mengatur favicon, logo, dan footer blog yang berlaku untuk semua template.

Daftar Pengaturan

PengaturanDeskripsi
FaviconIcon kecil di tab browser
LogoGanti judul teks dengan logo
FooterTeks di bagian bawah blog

Mengganti Favicon

Favicon adalah icon kecil yang muncul di tab browser dan bookmark.

Cara Mengganti

  1. Siapkan gambar favicon:

    • Format: PNG, JPG, atau ICO
    • Bentuk: Kotak (1:1)
    • Ukuran maksimal: 100KB
  2. Buka Setelan di dashboard Blogger

  3. Scroll ke bagian Dasar

  4. Klik Favicon → upload gambar

  5. Klik Simpan

Troubleshooting Favicon

MasalahSolusi
Favicon tidak berubah di browserTekan Ctrl + Shift + R untuk hard refresh
Favicon tidak berubah di GoogleButuh waktu beberapa hari/minggu, Google akan update otomatis
Favicon terlihat blurGunakan gambar dengan resolusi minimal 32x32 px

Rekomendasi Ukuran

Untuk hasil terbaik, gunakan gambar 32x32 px atau 64x64 px.


Ganti judul teks blog dengan gambar logo untuk tampilan lebih profesional.

Cara Mengganti

  1. Siapkan file gambar logo (format PNG/JPG)

  2. Buka Tata Letak di dashboard Blogger

  3. Klik Edit pada widget Header

  4. Klik Upload gambar → pilih file logo

  5. Pada bagian Penempatan, pilih "Selain judul dan keterangan"

  6. Klik Simpan

✅ Yang Benar❌ Yang Salah
Bentuk memanjang (horizontal)Bentuk kotak 1:1
Teks 1 barisTeks 2-3 baris
Resolusi ~200x50 pxTerlalu besar (>500px)
Background transparan (PNG)Background putih solid
TemplateUkuran Logo
Semua template200 x 50 px (rekomendasi)
Maksimal300 x 80 px

Logo Kotak

Jika logo berbentuk kotak (1:1), logo akan terlihat kecil karena template mengoptimalkan untuk logo horizontal.


Footer biasanya berisi copyright, nama blog, atau informasi singkat lainnya.

Cara Mengedit

  1. Buka Tata Letak di dashboard Blogger

  2. Cari widget "Teks Footer" → klik Edit

  3. Masukkan teks yang diinginkan

  4. Klik Simpan

© 2026 Nama Blog Anda
© 2026 Nama Blog | All Rights Reserved
Dibuat dengan ❤️ di Indonesia

HTML di Footer

Beberapa template mendukung HTML di footer. Anda bisa menambahkan link:

html
© 2026 <a href="/">Nama Blog</a>

Dokumentasi Tema Blogger Premium