Cara Merubah Warna Background Judul Widget Sidebar

warna background judul sidebar

Beragam Info - Cara Merubah Warna Background Judul Widget Sidebar. hal ini banyak diperbincangkan oleh tukan blogger yang newbie seperti halnya saya saat ini, karena sudah bosan dengan warna background pada sidebar  blog yang saya kelola akhirnya saya merubahnya menjadi seperti pada gambar diatas. caranya pun tak begitu sulit yaitu hanya menambahkan kode pada template yang kita gunakan atau merubahnya, tapi pada cara ini saya menambahkan kode bukannya merubah kode.
sidebar yaitu apa yang ada pada widget sidebar yang biasanya meliputi popular post, label, entri popular, facebook fans page, dll. yang biasanya terdapat pada footer sidebar kanan dan kiri.
hal-hal yang harus dilakukan jika ingin merubahnya yaitu dengan melakukan langkah-langkah yang saya cantumkan berikut ini.

1. Login pada blog
2. masukkan akun google dan pasword
3. masuk pada menu Template dan pilih Edit HTML
4. kemudian untuk menghindari kesalahan yang fatal saat menambahkan kode maka silahkan backUp kode-kode pada template sobat.
5. selanjutnya cari kode h2 { . ( tekan tombol CTRL+F untuk mempermudah pencarian )
6. kurang lebih kodenya seperti ini

/* Headings
----------------------------------------------- */
h2 {
  font: $(widget.title.font);
  color: $(widget.title.text.color);
}

7.tambahkan kode ;background:#2288BB; padding:4px 15px 3px;text-transform:none;
}disamping/bawah kode  color: $(widget.title.text.color); 
8. maka kodenya akan nampak seperti gambar dibawah ini

/* Headings
----------------------------------------------- */
h2 {
  font: $(widget.title.font);
  color: $(widget.title.text.color);background:#2288BB;
  padding:4px 15px 3px;text-transform:none;
}

9. kemudian simpan template dan lihat hasilnya.

ket.
- untuk kode yang berwarna hijau yaitu kode warna, ini bisa diganti dengan warna sesuai yang anda suka.

Jika diasaat merubah warna dan kemudian warnanya tidak berubah maka cek kembali kemungkinan ada kode yang tertinggal, perlu diingat sesudah kode warna pastikan ada ";" dibelakangnya tanpa tanda ""

Semoga Bermanfaat