Cara Merubah Sidebar Dengan Warna Yang Berbeda

Dalam satu sidebar terdiri dari tiga komponen yaitu : Kotak Widget, Judul Widget, dan Isi Widget. Nah sekarang kita akan memberi sedikit sentuhan warna pada ketiga Background diatas, perhatikan langkah berikut ini :

1. Login terlebih dahulu ke akun Blogger

2. Klick Rancangan

3. Lalu Pilih HTML

4. Setelah itu sahabat harus menentukan terlebih dahulu Widget apa yang ingin sahabat rubah warnanya, dengan cara klick pada ID Widget Contoh ( HTML1, HTML2, HTML3 dst )

5. Sebagai contoh sahabat akan merubah warna Widget Katagori dengan ID Widget HTML2, maka caranya :

6. Buatlah sebuah kode script pada notepad seperti dibawah ini :

#HTML2 {

Background : #ff8000 ;}

#HTML2 h2{

Background : #ffffff ; }

#HTML2 .widget-content {

Background : #000000 ; }

Keterangan :
HTML2 adalah kode widget yang akan dirubah warnanya
Warna Biru adalah Background kotak widget
Warna Merah adalah Judul Widget
Warna Hijau adalah Isi Widget
Warna Hitam, adalah Warna Background Widget
(sahabat bisa melihat kode warna DISINI)

7. Setelah selesai silahkan sahabat cari kode ]]></b:skin> dan letakan kode yang telah dibuat tadi tepat diatas kode ]]></b:skin>

8. Lakukan hal yang sama untuk Merubah Warna Widget yang lainnya.

9. Simpan Template dan lihatlah hasilnya