Membuat Background Judul Widget

Pada posting sebelumnya saya sudah membahas cara membuat Background Body Blog dan cara membuat teks Widget Rata Tengah. Kali ini Khocet Blog akan berbagi lagi cara membuat Background judul widget agar blog terlihat makin menarik, baik menggunakan background warna maupun background gambar. Pada Khocet Blog sendiri menggunakan gambar sebagai background widget, baik pada sidebar maupun pada footer.

Cara membuatnya tidak jauh beda dengan dengan membuat background body atau membuat Header Blog. 

• Pastinya anda sudah login ke blog anda
• Pilih Design (rancangan) > Edit HTML 
• Sebelum anda mengedit HTML, alangkah baiknya anda mendownload dulu HTML anda jika nantinya anda ingin mengembalikan se tampilan semula.
• Centang kotek kecil pada Expand Widget templates
• Jika anda akan membuat background judul widget pada sidebar, temukan kode berikut dengan menekan CTRL+F atau tombok F3.

.sidebar h2{color:#FFF;background:

• Kemudian tambahkan background yang akan anda gunakan hingga kodenya seperti berikut :

.sidebar h2{color:#FFF;background:# kode warna url(alamat gambar yang akan anda gunakan/namagambar.jpg) left top repeat-x;

• Sedangkan jika anda ingin menambahkan background pada judul widget pada footer, temukan kode seperti berikut :

#footer-widgets h2{color:#fff;background:

• Kemudian tambahkan background yang akan anda gunakan hingga kodenya seperti berikut : 

#footer-widgets h2{color:#fff;background:#kode warna anda url(alamat gambar yang akan anda gunakan/nama-gambar.png)

Keterangan :

• Kode warna yang berwarna merah bisa diganti sendiri sesuai keinginan, seperti #111 untuk warna putih. Begitujuga dengan URL gambar bisa diganti dengan URL gambar sendiri.
• Format gambar yang bisa anda gunakana bisa JPEG,GIF, dan PNG