Cara membuat Scroll pada Widged Blog

Pada kesempatan kali ini saya akan membahas tentang Cara Membuat Scroll Pada Widget Blog. Membuat scroll pada widged blog sangatlah mudah dan tidak menggunakan banyak CSS. disamping itu pemasangannya pun tidaklah terlalu rumit, dan mudah untuk di aplikasikan pada blog kesayang kita.
Teknik ini sangat berguna sekali, ini terbukti untuk Arsip Blog, Populer Post, Recent Comment, dan lain - lain. Silahkan simak berikut ini.

Pada Tutorial kali ini saya akan membahas cara memasang scroll pada blog untuk widget standar/bawaan blogspot. Untuk contoh kali ini, widget yang akan ditambahkan scroll adalah widget Populer Post bawaan Blogspot.

Pertama-tama tambahkan dulu widget Popular Posts seperti contoh dibawah ini

Setelah widget Popular Posts terpasang pada blog, selanjutnya kita buka menu Template pada blog untuk menambahkan script didalam widget popular posts tersebut.

Selanjutnya cari widget popular posts yang sudah dibuat tadi, gunakan CTRL+F agar lebih cepat, kemudian akan muncul kode html seperti berikut (ini contoh di dalam template blog saya):

<b:widget id='PopularPosts3' locked='false' title='Populer Posts' type='PopularPosts'>
<b:includable id='main'>
<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content popular-posts'>
<div style='overflow:auto; width:105%;height:200px;'>
====== kode script lainnya pada widget =======
</div>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

Perhatikan kode yang di tandai warna merah dan biru (<div style='overflow:auto; width:105%;height:200px;'>) dan (</div>) di atas.
Kode itulah yang harus disisipkan kedalam script widget popular posts yang telah dibuat tadi. Untuk kode yang berwarna biru (height:200px;) untuk mengatur tinggi fungsi scroll.

Simpan/Save template dan silahkan lihat hasilnya.