Cara Mengubah Warna/Gambar Background Widget Blog

Mengubah Background Widget/Gadget Blog Dengan Warna

1. Masuk blogger.com/ Draft.blogger.com

2. Pada halama Edit HTML backup template blog Anda

3. Edit HTML -> Proses -> Centang "Expand Template Widget" 

4. Tekan Ctrl+F untuk mencari kode berikut

.sidebar h2 {
background:#424242;
color: #000000;
font-size: 11px;
font-family: Packard Antique;
font-weight: strong;
margin: 0px 0px 5px 0px;
padding: 3px 0px 3px 10px;
text-align:left;
}

5. Kode tidak selalu sama, terlebih jika blog sudah banyak diobrak-abrik. Fokus saja sama teks sidebar atau sidebar h2, dan cari yang ada fungsi background-Nya seperti CSS diatas, jika tidak ditemukan bisa gunakan script CSS diatas karena itu sudah suport template standart blogger.

6. Ubah kode warna sesuai kebutuhan Anda, lihat Kode Warna HTML

7. Simpan template, tapi sebelum simpan alangkah baiknya pratinjau terlebih dahulu jika sesuai lekas simpan.

Mengubah Background Widget/Gadget Dengan Gambar

Dalam hal ini Anda hanya tinggal memilih saja karena kode masih sama seperti diatas, hanya ada secuil perbedaan. Pada langkah no.4 abaikan kode warna dan rubah menjadi Url gambar, lihat kode berikut

.sidebar h2 {
background:url(Url Gambar)repeat-x;
color: #000000;
font-size: 11px;
font-family: Packard Antique;
font-weight: strong;
margin: 0px 0px 5px 0px;
padding: 3px 0px 3px 10px;
text-align:left;
}

Pratinjau dan Simpan template.