Saturday, November 5, 2011

Cara membuat scroll box pada blog

Hallo semua, apa kabar? kali ini kita akan membahas tentang bagaimna cara membuat scroll box pada blog. Scroll box ini bisa dipakai untuk menyimpan kode HTML, gambar, link dll. Caranyapun mudah sekali, copy saja kode di bawah ini untuk di pasang pada widget HTML/Javasript pada blog anda:

<div style="overflow:auto;width:100px;height:50px;padding:10px;border:1px solid #eee">

Isi Scroll Box

</div>
Contoh:
<div style="overflow:auto;width:100px;height:50px;padding:10px;border:1px solid #eee">

<a href="http://naonwehh.blogspot.com">Tes 1</a>
<br />
<a href="http://naonwehh.blogspot.com">Tes 2</a>
<br />
<a href="http://naonwehh.blogspot.com">Tes 3</a>
<br />
<a href="http://naonwehh.blogspot.com">Tes 4</a>
<br />
<a href="http://naonwehh.blogspot.com">Tes 5</a>
<br />
</div>
Ket:
  •  Tulisan berwarna hijau adalah isi scrollboxnya
  • Anda bisa merububah tinggi kotak dengan mengubah tulisan yang berwarna merah
  • Anda bisa mengubah lebar kotak dengan mengubah tulisan yang berwarna biru
  • Jika anda tidak ingin kotaknya terlihat anda bisa merubahnya yaitu tulisan yang berwarna ungu (tulisan #eee adalah warna kotaknya 
Selamat Mencoba!!!

No comments:

Post a Comment

My Ping in TotalPing.com
Feedage Grade D rated
Preview on Feedage: web-design Add to My Yahoo! Add to Google! Add to AOL! Add to MSN
Subscribe in NewsGator Online Add to Netvibes Subscribe in Pakeflakes Subscribe in Bloglines Add to Alesti RSS Reader
Add to Feedage.com Groups Add to Windows Live iPing-it Add to Feedage RSS Alerts Add To Fwicki
Ping your blog, website, or RSS feed for Free