Cara Memberi Warna Background Judul Widget Blog

Bagi para blogger atau sekedar suka nge-blog, tidak salahnya kita mengotak-atik tampilan blog kita agar terlihat menarik, yang efek sampingnya para pengunjung blog jadi kerasan dan berlama-lama di blog kita.

Kali ini aka saya bahasa cara merubah warna background judul widget pada blog.
Langkah-langkahnya sebagai berikut :

1. Login dulu ke Blogger.

2. Kemudian di Dashboard, klik Template

3. Klik Edit HTML

Coba cari kode ]]></b:skin> jika kesulitan mencarinya, coba dengan tekan Ctrl + F pada keyboard kemudian tuliskan kode di atas pada kotak pencarian yang muncul.

Jika kode ]]></b:skin> sudah diketemukan, copy paste kode di bawah ini di atas kode tersebut :

.sidebar h2 {

background:#009900;

color: #ffffff;

margin: 0px 0px 8px 0px;

box-shadow: 0 0 0 4px #009900, 2px 1px 6px 4px rgba(10, 10, 0, 0.5);

border-radius: 3px;

 -moz-border-radius: 1px;

 -webkit-border-radius: 1px;

text-align:center;

Keterangan : yang berwarna Hijau pada kode HTML di atas bisa Anda ubah sesuai selera. Background yang saya gunakan adalah warna hijau (#009900). Kemudian perataan teks judul widget adalah: center / di tengah-tengah. Ini bisa diganti dengan warna lain dan perataan teks di kiri atau kanan.

Jika ingin merubah sudut kotak latar judul widget ini lancip tidak melengkung, coba hapus bagian:

border-radius: 3px;

 -moz-border-radius: 1px;

 -webkit-border-radius: 1px;

Pada kode di atas juga bila menginginkan kotak tersebut tanpa shadow/bayangan, buang bagian :

box-shadow: 0 0 0 4px #009900, 2px 1px 6px 4px rgba(10, 10, 0, 0.5);

Maka hasil akhir seperti pada gambar diatas.
Selamat mencoba, seoga berhasil.