Untuk membuat scroll bar sangatlah mudah dan hanya membutuhkan kode HTML yang singkat.
Cara pemasangannya :
- Login ke Bloger
- Buka/buat Entri (Postingan) yang ingin di buatkan scroll box,kemudian pilih mode HTML
- Masukan script seperti di bawah ini :
<div style="overflow:auto;width:300px;height:100px;padding:10px;border:1px solid #eee">
Isi Scroll Box
</div>
Hasilnya seperti ini:
Isi Scroll Box
</div>
Hasilnya seperti ini:
Kunjungi www.tutorial galen banunu.blogspot.com....................
ada banyak info menarik dan unik
Kunjungi www.tutorial galen banunu.blogspot.com....................
ada banyak info menarik dan unik
Kunjungi www.tutorial galen banunu.blogspot.com....................
ada banyak info menarik dan unik
Kunjungi www.tutorial galen banunu.blogspot.com....................
ada banyak info menarik dan unik
Anda juga bisa memasukan link di dalamnya
<div style="overflow:auto;width:300px;height:100px;padding:10px;border:1px solid #eee">
<a href="http://tutorialgalenbanunu.blogspot.com">Tes 1</a>
<br />
<a href="http://
tutorialgalenbanunu.blogspot.com ">Tes 2</a>
<br />
<a href="http://
tutorialgalenbanunu.blogspot.com ">Tes 3</a>
<br />
<a href="http://
tutorialgalenbanunu.blogspot.com ">Tes 4</a>
<br />
<a href="http://
tutorialgalenbanunu.blogspot.com ">Tes 5</a>
<br /></div>
Hasilnya seperti ini:
Ket:
- Ganti tulisan yang berwarna merah dengan isi scroll box yang sobat inginkan
- Kode yang berwarna biru adalah tinggi (height) dan lebar (width) scroll box, dapat sobat ganti sesuai keinginan
- Untuk mengganti batas (box / kotak) dapat sobat lakukan dengan mengganti tulisan yang berwarna hijau. untuk mengecek kode warna silahkan masuk Disini
semoga sukses.......
TERIMAHKASIH TELAH BERKUNJUNG
MOHON KOMENTAR DAN SARANNYA
Saya coba terapkan gan, trims ya. Ditunggu kunjungannya...
BalasHapusokz semoga sukses
Hapus