CARA MENAMBAH SCROLL PADA WIDGET BLOG

1. Widget tanpa kode HTML/Javascript.

Yang pertama kita harus tahu nama widget yang akan kita beri scroll. Cara pertama, masuk menu Tata letak dan cursor di tulisan edit pada widget yang akan beri scroll. Pada bagian bawah akan terlihat nama widget, lihat pada gambar di bawah ini nama widget-nya adalah PopularPosts.

Setelah kita mengetahui nama widgetnya, maka sobat masuk ke menu Template dan pilih Edit Html.

Lalu sobat cari kode ]]></b:skin>, agar lebih mudah sobat gunakan tombol ctrl+F.

Masukan kode berikut tepat di atas kode ]]></b:skin>.

#PopularPosts1 .widget-content{
height:230px;
width:auto;
overflow:auto;
}

Nb : 1. Kode Berwarna merah adalah kode widget yang akan di beri scroll.
        2. Kode Berwarna biru adalah kode untuk tinggi widget scroll. 

Terakhir, Save dan lihat hasilnya.

2. Widget dengan kode HTML/Javascript.

Untuk membuat scroll pada Widget dengan HTML/Javascript, sobat hanya perlu menambahkan sedikit kode berikut pada widget yang akan diberikan scroll.

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

Nb : 1. Tulisan yang berwarna merah adalah tempat untuk menaruh kode widget yang akan di scroll.

        2. Kode yang berwarna biru adalah lebar untuk widget scroll.