Cara Mudah Mengganti Warna Judul Sidebar Blog

Cara Mengganti Warna Judul Sidebar Blog

Berikut ini adalah cara mengganti warna judul sidebar di blog sobat. 

1. Log In ke Blogger
2. Pilih Template kemudian Edit HTML
3. Selanjutnya, silahkan sobat cari kode ]]></b:skin> (Gunakan CTRL+F supaya lebih cepat)
4. Jika sudah ketemu, silahkan pasang kode berikut ini diatas kode ]]></b:skin>
   
   h2 {
   padding: 4px 2px 2px;
   background:#0a58a3;
   border-bottom:4px solid #1780dd;
   }
5. SAVE

KETERANGAN:

• padding: 4px 2px 3px adalah untuk membuat rata huruf judul kiri dan kanan. Jika kurang sesuai dengan selera sobat, silahkan diganti sesuai selera sobat.
• background:#0a58a3 merupakan warna background. Bisa diganti sesuai selera.
• border-bottom: 4px adalah ukuran ketebalan garis sidebar bawah. #1780dd adalah warna garis bawah, ini bisa sobat hilangkan apabila tidak ingin memberi garis bawah.
• Border bottom bisa sobat ganti dengan:
  
  border-top: Garis Atas
  border-right: Garis Kanan
  border-left: Garis Kiri
  border: Seluruh garis
• Kode Solid bisa sobat ganti dengan kode berikut ini:
  
  dashed
  dotted
  Double
  Groove
  inset
  outset
  ridge

Cara Mengganti Warna Judul Sidebar Kanan-Kiri Blog:

1. Pada pilihan Edit HTML seperti cara diatas, silahkan sobat cari kode ]]></b:skin> (Gunakan CTRL+F supaya lebih cepat)
2. Jika sudah ketemu, silahkan letakkan kode berikut ini diatas kode ]]></b:skin>
   .sidebar .widget h2 {
   padding: 4px 2px 2px;
   background:#0a58a3;
   }
3. SAVE

Cara Mengganti Warna Judul Footer Di Bagian Bawah Blog:

1. Silahkan sobat cari kode ]]></b:skin> pada menu Edit HTML
2. Kemudian, silahkan letakkan kode berikut ini diatas kode ]]></b:skin>
   
   .footer-inner .widget h2 {
   padding: 4px 2px 2px;
   background:#CCCCCC;
   }
3. SAVE

Cara Menambahkan Icon Foto Di Samping Judul Sidebar:

1. Silahkan sobat pasang kode berikut ini diatas kode ]]></b:skin>
   
   .sidebar .widget h2 {
   background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPSoA0hSKLsA0q3gulw5sjc4OoVpLSts65N951g00IEYjkEI4IQzKd1C2iBIfXmZqsSXiJEqzoG0zmrPGWXQX84Jpm40grN_fIw3GQpYPvOSNnzQms26TFw0NDlAWUU78eOtf2e7D0CKA_/s1600/32x32.jpg")no-repeat;padding:10px 0px 0px 40px;}
2. Silahkan sobat ganti URL foto dengan foto sobat
3. SAVE

Semoga bermanfaat sobat.