Cara Membuat Scroll di Widget Blog

Cara Membuat Scroll di Widget Blog

Scroll pada widget memang hal yang bagus jika dipasang pada blog sobat. Selain agar widget sobat tidak terlalu memerlukan tempat yamg luas, tampilan blog kita juga akan terlihat rapih.
Cara memasangnya juga tidak susah kok sob. Ikuti langkah-langkahnya.





Pertama kita harus tahu kode widget yang akan kita beri scroll sob. Caranya, masuk menu Tata letak dan sentuhkan (jangan di klik) cursor pada bagian edit widget yang akan sobat beri scroll. Pada bagian bawah akan terlihat kode widget seperti pada gambar di bawah ini kode widget-nya adalah PopularPosts1.

Setelah kita mengetahui kode widgetnya, maka sobat masuk ke menu Template dan pilih Edit Html.
Jangan lupa centang pada bagian kotak Expand Widget Template.
Lalu sobat cari kode di bawah ini, biar lebih mudah sobat gunakan ctrl+F.
]]></b:skin>

Letakan kode CSS berikut tepat di atas kode ]]></b:skin>

#PopularPosts1 .widget-content{

height:230px;

width:auto;

overflow:auto;

}

nb: ganti tulisan berwarna merah dengan kode widget yang akan sobat beri scroll

Terakhir, Save dan lihat hasilnya.