Cara Mengganti Warna Background Judul Sidebar Blog

Cara mengganti warna Background judul sidebar blog, yang dimaksud dengan sidebar itu termasuk widget yang ada dikiri-kanan dan juga bagian bawah (footer) blog. Seperti Arsip Blog, Populer Posts, kategori, Artikel terbaru, Pengikut, dan lain-lain, sesuai dengan widget yang ada di blog kamu. Yang akan kita ganti warnanya adalah background judulnya. 
Contohnya: Judul Arsip Blog, Background bawaan asli blogger, warnanya putih, akan kita ganti jadi biru atau warna lainnya.

Cara Mengganti Warna Background Judul Sidebar Blog

Ikuti langkah-langkah dibawah ini.

1. Masuk ke akun Blogger kamu.
2. Klik Tema lalu Backup/Pulihkan dan Download tema, untuk jaga-jaga jika terjadi error maka kamu bisa mengembalikannya seperti semula.
3. Selanjutnya Klik Edit HTML dan Cari kode h2 { . Lengkapnya seperti dibawah ini.
/* Headings
----------------------------------------------- */
h2 {
  font: $(widget.title.font);
  color: $(widget.title.text.color);
}
4. Tambahkan kode background:#2288BB; padding:4px 15px 3px;text-transform:none;
5. Jadi kode lengkapnya seperti ini.
/* Headings
----------------------------------------------- */
h2 {
  font: $(widget.title.font);
  color: $(widget.title.text.color);background:#2288BB;
  padding:4px 15px 3px;text-transform:none;
}
6. Ganti kode #2288BB; dengan kode warna yang kamu inginkan. 
7. Setelah itu coba di Preview/Pratinjau tema kamu. Jika sudah berubah warna background judul sidebar kamu. Baru di Save.
8. Jika Belum, Coba dilihat lagi kode warnanya, background:#2288BB; Pastikan Kode ini " ; " ada dibelakang kode warna(tanpa tanda ""), jika kode itu hilang maka warna tidak akan berubah. Selesai.

Jika sidebar kamu ingin diberi lengkungan di setiap sudutnya. Kamu bisa tambahkan kode border-radius: 11px 0px 11px 0px; keterangan kode: border-radius: atas kiri-atas kanan-bawah kiri-bawah kanan.

Cara diatas akan merubah warna judul sidebar widget di bagian kiri-kanan blog, dan juga footer widget dibagian bawah. Jika ingin membuat warna background judul yang berbeda antara sidebar dan footer. Gunakan cara dibawah ini.

Hanya sidebar widget bagian kiri-kanan blog

1. Cari kode .sidebar .widget h2 { dan tambahkan kode background:#2288BB; padding:4px 2px 2px; dibawahnya. Save Template selesai.
2. Atau gunakan cara dibawah ini. Cari kode ]]></b:skin> dan tambahkan kode berikut di atas kode ]]></b:skin>
.sidebar .widget h2 {
background:#2288BB; padding:4px 2px 2px;
} 

Hanya Footer widget bagian bawah blog.

1. Cari kode .footer-inner .widget h2 { dan tambahkan kode background:#2288BB; padding:4px 2px 2px; dibawahnya. Save Template selesai. 
2. Atau gunakan cara dibawah ini. Cari kode ]]></b:skin> dan tambahkan kode berikut di atas kode ]]></b:skin>
.footer-inner .widget h2 {
background:#2288BB; padding:4px 2px 2px;
}

Setiap template mempunyai perbedaan. Jika tidak menemukan kode-kode diatas. Cobalah untuk mencari kode yang semirip mungkin dengan kode HTML diatas.

Sekian semoga bermanfaat.