Tuesday, February 15, 2011

Membuat Scroll pada Widget Arsip Blog

Widget arsip blog yang panjang kadang membuat kita merasa tidak nyaman dengan tampilannya, untuk mengatasinya kita bisa meletakkan widget arsip blog ke dalam kotak scroll, seperti yang ada pada blog ini.



Berikut ini adalah cara membuat scrool widget arsip blog, bisa juga diterapkan untuk widget yang lain. Tetapi, kali ini kita akan fokus membuat scroll untuk widget arsip blog. ada cara mempersingkatnya dengan scroll.

Untuk membuat widget arsip dengan scroll ikuti langkah-langkah yang sangat singkat ini.
Buka Dashboard blog anda yang akan edit, kemudian ke  > Template > Edit HTML.

Lalu carilah code  ]]></b:skin> (Gunakan Ctrl + F untuk mempermudah pencarian. Caranya klik pada kotak HTML, kemudian Ctrl+F) Lalu copy code di bawah ini.
 
#BlogArchive1 .widget-content{
height:240px;
width:auto;
overflow:auto;
}

Letakkan code tersebut tepat di bawah kode  ]]></b:skin> :

Sehingga hasilnya nanti akan tampak seperti ini :
#BlogArchive1 .widget-content{
height:240px;
width:auto;
overflow:auto;
}
]]></b:skin>
NB : Angka 240 (Berwarna Biru) merupakan tinggi kotak scroll, dan bisa anda ubah sesuai keperluan.

Lalu klik pratinjau template untuk melihat hasilnya. Jika sudah sesuai dengan apa yang anda inginkan, klik simpan template.