Laman

Selasa, 07 Agustus 2012

Cara membuat scroll box di blog

fungsi scroll bar tidak hanya digunakan dalam suatu posting,bisajuga di gunakan dalam sidebar untuk menghemat ruang sidebar atau menghemat ruang dalam komentar yang berderet panjang,dengan membuat ukuran yang sesuai dengan panjang dan lebar template kita.
Untuk membuat scroll bar sangatlah mudah dan hanya membutuhkan kode HTML yang singkat.
Cara pemasangannya :
  1. Login ke Bloger
  2. Buka/buat Entri (Postingan) yang ingin di buatkan scroll box,kemudian pilih mode HTML 
  3. 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: 


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

2 komentar: