Cara Memberi Gambar di background judul widgets blog

Secara default, Blogger tidak memberi fasilitas untuk memberi warna lain selain putih untuk latar judul widget.

Jika Anda ingin memberi warna pada backgroung judul widget sehingga menjadi terlihat lebih menarik dan blog Anda terlihat cantik, maka inilah yang perlu Anda lakukan:

1. Anda login ke Blogger.
2. Kemudian di Dashboard, Anda klik Template
3. Klik Edit HTML
4. Anda cari kode ]]></b:skin> jika kesulitan mencarinya, coba Anda tekan Ctrl + F pada keyboard kemudian tuliskan kode di atas pada kotak pencarian yang muncul.
5. 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 biru 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 atau di tengah-tengah. Ini bisa Anda ganti dengan warna lain dan perataan teks di kiri atau kanan.

Jika sudah, silakan klik save atau simpan perubahan. Silakan lihat hasilnya. Jika berhasil, harusnya tampak seperti ini:

Jika Anda ingin sudut kotak latar judl widget ini lancip tidak melengkung, coba buang 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);

Oke silakan dicoba dan semoga berhasil.