Sering kali kita menemukan blog yang
menampilkan widget dengan navigasi scroll, istilahnya scroll box. Widget
ini memiliki penggulung di sebelah kanan dan kadang juga di sebelah
bawah berisi teks link, tulisan biasa, dsb. Tujuannya tentu saja selain
untuk mempercantik blog juga agar pembaca atau pengunjung lebih mudah
mengeksplorasi konten blog.
Adapun cara membuat scroll box ini adalah dengan menggunakan script di bawah ini.
Code :
<div style="overflow:auto; width:100%px; height:200px; padding:10px; border:1px solid #FFFFFF;">
ISI KONTEN WIDGET
</div>
Keterangan:
- ISI KONTEN WIDGET ini diganti dengan teks, link atau script yang Anda inginkan.
- overflow:auto; penggulung tampil setelah isi scroll box telah melebihi batas tinggi atau lebar default sidebar template.
- width:100%px; lebar widget scroll box
- height:200px; tinggi scroll box
- padding:10px; jarak antara tulisan di dalam scroll box dengan garis tepi scroll box
- border:1px solid #FFFFFF; ketebalan dan kode warna garis scroll box.
- Semua nilai di atas bisa dirubah sesuai kebutuhan.
Selamat mencoba, semangat dan salam blogger.
Ditulis Oleh : Unknown ~ Tips dan Trik Blogspot
Sobat sedang membaca artikel tentang Cara Membuat Widget Scroll Pada Blog (Nuryadi Blog's). Oleh Admin, Sobat diperbolehkan mengcopy paste atau menyebar-luaskan artikel ini, namun jangan lupa untuk meletakkan link dibawah ini sebagai sumbernya
