Wednesday 25 April 2012

Cara Membuat Scrool Halaman



 Bagaimana cara membuat scrool halaman, kode untuk membuat scrool halaman. Apa kegunaan scrool halaman?
Scrool halaman biasanya digunakan oleh para blogger untuk di jadikan sebagai menu navigasi blog/websitenya. scrool halaman ini akan memudahkan pengunjung untuk menemukan artikel yang lain dengan cepat.

Kode untuk membuat scrool halaman sebagai berikut:
<div style="border: 1px solid #000; height: 60px; overflow: auto; padding: 10px; width: 300px;">
<a href="http://www.blogtegal.com">Blog tutorial, tutorial blogspot, bisnis online</a><br>

<a href="http://www.blogtegal.com/2010/11/cara-membuat-mesin-pencari-sendiri.html">Cara membuat mesin pencari sendiri</a><br>

<a href="http://www.blogtegal.com/2010/11/membuat-cursor-menjadi-berbintang.html">membuat cursor menjadi berbintang</a><br>

<a href="http://www.blogtegal.com/2010/11/cara-membuat-breadcrumbs-navigasi.html">Cara membuat breadcrumbs navigasi</a><br>

<a href="http://www.blogtegal.com/2011/03/harga-jual-blackberry-iphone-laptop.html">harga jual blackberry iphone laptop murah</a><br>

<a href="http://www.blogtegal.com/2010/11/cara-membuat-textarea.html">Cara membuat textarea pada blog</a><br>

<a href="http://www.blogtegal.com/2010/11/html-kode-kode-html.html">Macam-macam kode HTML</a><br>

<a href="http://www.blogtegal.com/2010/11/html-kode-di-postingan.html">Cara menulis kode HTML pada postingan blog</a><br>

<a href="http://www.blogtegal.com/2010/11/cara-menghilangkan-gambar-obeng.html">Cara menghilangkan gambar obeng pada blog</a><br>

<a href="http://www.blogtegal.com/2011/03/javahostindo-web-hosting-indonesia.html">javahostindo web hosting indonesia</a>
</div>
maka hasil dari kode diatas jika diterapkan akan menjadi seperti berikut:

Mudah bukan dalam proses pembuatan scrool halaman. Untuk alamat linknya (isi dari scrool halaman) bisa diganti dengan alamat link yang anda kehendaki,key.
Jika ada yang kurang dimengerti bisa anda tanyakan dikotak komentar.
&lt;p&gt;Your browser does not support iframes.&lt;/p&gt;

No comments:

Post a Comment