Pages

Kamis, 02 Juni 2011

Cara Membuat Scroll Box

Pada Tutorial blog kali ini saya akan kasih tips cara membuat Scroll Box. Scroll Box banyak digunakan di web atau blog. Scroll Box sangat berguna sekali untuk menghemat tempat, terutama bila halaman web atau blog sudah penuh dan sementara masih banyak artikel atau apa saja yang ingin tetap ditampilkan pada satu halaman. Scroll Box selain bisa digunakan untuk tempat artikel, banyak juga yang menggunakan Scroll Box sebagai tempat daftar isi.





scroll box dibawah ini berikut kodenya :










<div align="center">
<table width="250" border="1">
<tr> <th colspan="100%" scope="col"bgcolor="Aqua">Daftar Isi Blog Saya</th> </tr><tr><td>
<div style="font-family: arial; font-size: 13px; overflow: scroll; background: #FFFFFF; border-color: #CCCCCC; width: 250px; height: 150px;"><div style="text-align:left; width: 100%; padding: 0 px; overflow: hidden; color: #FFFFFF; background: #F6F0FF;">
<a href="http://janualgusnaidi.blogspot.com/2011/06/cara-mengganti-icon-address-bar.html">1. Cara Mengganti Icon Address Bar</a><br />
<a href="http://janualgusnaidi.blogspot.com/2011/06/cara-membuat-scroll-pada-widget.html">2. Cara Membuat Scroll Pada Widget</a><br />
<a href="http://janualgusnaidi.blogspot.com/2011/06/dosen-vs-mahasiswa.html">3.Dosen Vs Mahasiswa</a><br />
<a href="http://janualgusnaidi.blogspot.com/2011/06/cara-menghapus-blog.html">4. Cara Menghapus Blog</a><br />
<a href="http://janualgusnaidi.blogspot.com/2011/05/kisah-hidup-thomas-alpha-edison.html">5. Kisah Thomas Alpha Edison</a><br />
<a href="http://janualgusnaidi.blogspot.com/2011/05/shimokita-glory-days.html">6. Shimokita Glory Days</a><br />
<a href="http://janualgusnaidi.blogspot.com/2011/06/cara-membuat-scroll-box.html">7. Cara Membuat Scroll Box</a><br />
</div>
</div>
</td></tr>
</table>
</div>


Silahkan anda ganti teks berwarna merah dia atas dengan daftar isi milik anda.
Demikian cara membuat Scroll box,
selamat mencoba dan semoga bermanfaat....

Jangan lupa luangkan waktu untuk beri komentarmu ya......terima kasih





 
 


Sumber : http://www.tutorialblognoer.co.cc/2011/01/cara-membuat-scroll-box.html

0 comments:

Template by : Janual x-template.blogspot.com