Cara Membuat Scroll di Widget Blog

Contoh Widget Yang sudah diberi scroll

Hay sobat blogger. Enaknya kalo siang hari begini kalo lagi gak-ngapa-ngapain, mendingan posting di blog. Kali ini saya akan bahas bagaimana cara untuk Membuat Scroll di Widget Blog . Gambar disamping adalah contoh widget yang saya sudah pasang kode html scroll nya.
Oke langsung saja cara pembuatannya, cekidot.

• Widget (yang tanpa) kode HTML.

Pertama-tama kita harus tau dulu nama widget yang kita ingin beri scroll. Caranya, arahkan kursor pada kalimat "Edit" yang berada di widget yang ingin diberi scroll. Pada bagian bawah akan terlihat nama dari widget tersebut. Contoh dari gambar dibawah ini adalah bernama PopularPosts1.

Sumber gambar : regibrader-free.blogspot.com

Setelah sobat mengetahui nama dari widget tersebut, selanjutnya sobat masuk ke "TEMPLATE" dan klik "EDIT HTML". Setelah itu sobat cari kode dibawah ini. gunakan CTRL+F agar pencarian menjadi cepat.
]]></b:skin>
Copy - Paste kode dibawah ini tepat di atas kode ]]></b:skin> .

#PopularPosts1 .widget-content{

height:230px;

width:auto;

overflow:auto;

}

NB : Ganti tulisan merah dengan nama widget yang ingin sobat beri scroll.

Setelah itu SAVE dan lihat hasilnya.

• Widget (dengan) kode HTML

Untuk cara ini, sobat hanya memberikan kode dibawah ini pada awalan kode dan akhiran kode.

<div style="overflow:auto; width:100%px; height:230px; padding:10px; border:1px solid #999999;">

"kode widget"

</div>

• Kode berwarna merah adalah isi kode widget sobat.
• Kode berwarna biru adalah kode tambahan untuk membuat scroll pada widget
• Kode berwarna hijau adalah ukuran widget yang telah diberi scroll.

Terakhir simpan dan lihat hasilnya.
Semoga Info ini bermanfaat.

Sumber Info :
Cara Membuat Scroll di Widget Blog  dari http://regibrader-free.blogspot.com

Di Edit oleh :
http://berbagilmubersamaraffi.blogspot.com/