1 Apr 2012

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,,
  1. Jika ada kode dibawah ini, langsung di delete saja..
Untuk Simple Template

Untuk Denim Template

 
  1. 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;
    }
  1. 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

2 komentar: