Cara Merubah Sidebar Dengan Warna Yang Berbeda

Cara Merubah Sidebar Dengan Warna Yang Berbeda - Silahkan sahabat baca terlebih dahulu artikel sebelumnya : Cara Merubah Background Blog , Cara Membuat Slider Gambar Pada Blog. Sekarang kita akan belajar memodifikasi Warna Pada Sidebar. Disini kita akan merubah warna sidebar berbeda dengan sidebar yang lainnya, misalnya pada halaman homepage ada beberapa sidebar : Katagori , Arsip, Follower, dan lain-lain.

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

 

 

Sumber