Cara Membuat Scroll di Semua 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.
- Widget tanpa kode HTML/Javascript.
Pertama kita harus tahu nama widget yang akan kita beri scroll sob.
Caranya, masuk menu Tata letak dan sentuhkan cursor di tulisan edit pada
widget yang akan sobat beri scroll. Pada bagian bawah akan terlihat
nama widget, lihat pada gambar di bawah ini nama widget-nya adalah
PopularPosts1.
Setelah kita mengetahui nama 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, agar lebih mudah sobat gunakan tombol ctrl+F.
]]></b:skin>
Masukan kode 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.
- 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>
Kode berwarna
biru adalah kode tambahan untuk menambahkan scroll.
Masukan kode Html widget pada tulisan berwarna
merah. Dan sobat dapat
menyesuaikan ukuranya pada kode berwarna
hijau.
Terakhir, klik Simpan dan sobat lihat hasilnya.
Belum ada tanggapan untuk "Cara Membuat Scroll di Semua Widget Blog "
Post a Comment
Jangan cuma dibaca aja, tinggalin komentar juga ya..