KAWAH PAPANDAYAN

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

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




Ditulis Oleh : Yudus | Media Sharing Sundaboy

Sahabat sedang membaca tulisan Cara Merubah Sidebar Dengan Warna Yang Berbeda. Yang ditulis oleh sundaboy Grt. Apabila sahabat ingin menyebar luaskan artikel ini untuk kepentingan umum, dimohon untuk menyertakan Link sumber dibawah ini. Untuk Kritik dan sarannya sahabat bisa mengirimkan pada kotak komentar dibawah, atau melalui email sundaboy88@gmail.com. tengkyu

12 komentar:

  1. gan itu kan hanya untuk backgroundnya kalau untuk merubah warna textnya gimana??

    BalasHapus
  2. Oo begitu ternyata caranya, ok thanks infonya

    BalasHapus
  3. tq bro infonya langsung aja ke TKP

    BalasHapus
  4. trims infonya gan...bermanfaat buat saya yang masih pemula.. salam blogger

    BalasHapus
  5. gan, kalau ingin backgroundnya gambar gmn caranya ?

    BalasHapus
    Balasan
    1. tinggal tambahkan aja kode :
      background:#fff url( Isi Dengan Url Gambar)

      Hapus
  6. Spertinya artikel ini menarik... :)

    BalasHapus
  7. ok, makasih udah berbagi,,,

    BalasHapus

=================================
- Berkomentarlah Yang Sopan
- Tidak Diperkenankan Memasukan Link Aktif Pada Isi Komentar
- Berkomentarlah Sesuai Dengan Content
=================================