0 Cara Merubah Warna Sidebar Yang Berbeda

PT - Cara Merubah Warna Sidebar Yang Berbeda - 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.

 

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

Nah itu pembahasan tentang Cara Merubah Sidebar Dengan Warna Yang Berbeda yang dapat saya share, semoga dapat membantu sahabat. untuk pertanyaan, saran dan kritiknya silahkan poskan pada kotak komentar dibawah ini

Komentar →