Cara Memberi Warna Background Pada Judul Widget Sidebar Blog

Halo Temans yang baik hati dan tidak sombong plus jago ngeblog, pada sehat-sehat semua bukan? - Secara default, Blogger tidak memberikan fasilitas untuk memberi warna lain selain putih untuk warna latar belakang judul widget sidebar

Jika anda ingin memberi warna pada background judul widget sehingga menjadi terlihat lebih menarik dan sidebar blog anda terlihat cantik sesuai keinginan, maka inilah yang perlu kita lakukan:

1. Login ke Blogger sobat

2. Kemudian di Dashboard, klik Theme / Template >> Edit HTML

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

4. Jika kode ]]></b:skin> sudah diketemukan, copy + paste kode di bawah ini tepat diatas kode tersebut:

.sidebar h2 {

margin: 10px 0px;

padding: 10px;

width: auto;

height: auto;

background-color: orange;

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:left;

}

Keterangan:

• Background yang saya gunakan adalah warna orange, sobat bisa ganti red, yellow, blue atau sesuai selera


• Kemudian perataan teks judul widget adalah: left atau di kiri. Ini bisa anda ganti dengan perataan teks di kanan (right) atau rata tengah (center)


• Untuk lainnya, silahkan modifikasi sendiri

Jika sudah, silahkan klik save atau simpan perubahan dan lihat hasilnya

Jika berhasil, harusnya tampak seperti ini:

Jika Sobat ingin sudut kotak latar judul widget ini lancip (tidak melengkung), sobat tinggal buang saja bagian:

border-radius: 3px;

 -moz-border-radius: 1px;

 -webkit-border-radius: 1px;

Atau jika lengkungannya terasa kurang/ kelebihan, sobat tinggal rubah angka pada kode di atas

Juga bila menginginkan kotak tersebut tanpa bayangan/ shadow, buang bagian:

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

Atau jika bayangannya terasa kurang/ kelebihan, sobat tinggal rubah angka pada kode di atas

Demikianlah tutorial kali ini yaitu Cara Memberi Warna Background Pada Judul Widget Sidebar Blog, kode diatas bisa diubah suaikan sesuai selera, sobat tinggal edit-edit aja lagi kode nya tapi sebaiknya sobat save dulu kode aslinya biar nanti kalo gagal bisa sobat pakai lagi kode aslinya. Silahkan dicoba dan semoga berhasil

Terimakasih atas kunjungannya, Wassalam...