Style Sidebar Blog

Bagi-bagi tutorial aahh,,,, Daripada nggak ada kerjaan,, Kali ini bagi ilmu tentang mengubah style Sidebar.. Kali bagaimana mempercantik Sidebar biar nggak menoton dan nggak bosen diliat dan indah dipandang mata.. ^_^

Yuuukkk,,,, Simaakkk... Contohnya seperti sidebar milikku..

1. Dashboard > Design/Rancangan > Edit HTML > Centang Expand Widget Template
2. Tekan Ctrl+F untuk mencari code dibawah ini

Untuk Simple Template

h2 {

Untuk Denim Template

sidebar h2 {

Untuk Minima Template

h2 {

Copy kode di atas lalu search di HTML anda dengan bantuan Ctrl+F tadi,,

3. Jika ada kode dibawah ini, langsung di delete saja..

Untuk Simple Template

Untuk Denim Template

 

4. Kemudian, copy kode dibawah ini tepat dibawah code yang anda cari tadi..
   
   
   padding:10px;
   margin:10px;
   background: url(http://dl10.glitter-graphics.net/pub/1053/1053440muqfu7ec2y.gif);
   border-left: 5px #00BFFF solid;
   border-right: 5px #00BFFF solid;
   border-top: 1px dashed #00BFFF;
   border-bottom: 1px dashed #00BFFF;
   padding: 5px;
   font-size: 12px;
   color:#000000;
   font-family: Unkempt;
   letter-spacing:1px;
   text-align:center;
   }

5. Setelah itu, tinggal di Preview saja lah,, Kalo sudah sesuai selera, silahkan langsung di SAVE.. Selesai deehhh...

Keterangan :
Ini beberapa keterangan berkaitan dengan font kode yang aku beri warna :
Warna : Bisa diganti ukuran border sesuka hati blogger sekalian deh,,
Warna : Ukuran font yang ingin digunakan.. Bisa diganti-ganti lah..
Warna : Warna-warna border.. Bisa diganti-ganti kok.. Bisa cari kode warnanya DISINI
Warna : URL background yang ingin kamu gunakan.. Bisa pake milikku DISINI
Warna : Terdiri dari dashes / solid/ dotted. Pilih salah satu saja..

Selesai deh.. Selamat mencoba ya.. Jangan takut salah.. Dicoba saja teruusss...

SEMOGA BERMANFAAT