Membuat scroll menu

Jumat, 23 Januari 2009
Scroll menu mempunyai kelebihan disamping untuk menghemat tempat,bisa juga di gunakan sebagai daftar isi seperti yang saya lakukan pada blog ini.bagi para sohib yang ingin menggunakan scroll menu sebagai daftar menu bisa mengikuti langkah - langkah sebagai berikut.

untuk menggunakan scroll menu hanya tinggal menambahkan


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


teks atau link yang ingin di buat sroll


</div>



seperti contoh berikut


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

<a href="http://konsultasiblogger.blogspot.com/2009/01/apa-itu-seo.html"> 1.Belajar SEO</a>
<br />
<a href="http://konsultasiblogger.blogspot.com/search/label/TIPS%20AND%20TRICK">2.Blog tutorial</a>

<br />

<a href="http://http//konsultasiblogger.blogspot.com/2009/01/blogger-ku.html">3.Cara Membuat Logo Blog</a>

<br />

<a href="http://konsultasiblogger.blogspot.com/2009/01/mengganti-template-blog_08.html">4.Cara Mengganti Template</a>

<br />

<a href="http://http//konsultasiblogger.blogspot.com/2009/01/cara-membuat-read-more.html">5.Cara Membuat Read More</a>

<br />
<a href="http://konsultasiblogger.blogspot.com/2009/01/sekarang-waktunya-mengetahui-cara_08.html">6.Cara Menghilangkan Navbar</a>

<br />

<a href="http://http//konsultasiblogger.blogspot.com/2009/01/membuat-faficon.html">7.Cara membuat Favicon</a>

<br />

<a href="http://http//konsultasiblogger.blogspot.com/2009/01/cara-membuat-teks-link.html">8.Cara membuat Teks Link</a>

<br />

<a href="http://konsultasiblogger.blogspot.com/2009/01/membuat-link-berbentuk-tombol.html">9.cara Membuat Link Bentuk Tombol</a>

<br />


<a href="http://http//konsultasiblogger.blogspot.com/2009/01/membuat-link-memggunakan-gambar.html">10.Cara membuat Link Gambar(1)</a>

<br />

<a href="http://konsultasiblogger.blogspot.com/2009/01/cara-membuat-teks-area.html">11.Cara membuat Teks Area</a>

<br />

<a href="http://konsultasiblogger.blogspot.com/2009/01/membuat-teks-berjalan-marque.html">12.Cara membuat marquee (text berjalan)</a>

<br />

<a href="http://konsultasiblogger.blogspot.com/2009/01/membuat-teks-berkedip.html">13.Cara membuat Teks Berkedip</a>

<br />

<a href="http://konsultasiblogger.blogspot.com/2009/01/menambah-jam-di-blog.html">14.Menambah jam di Blog</a>

<br />

<a href="http://konsultasiblogger.blogspot.com/2009/01/seo-tips.html">15.SEO Tips</a>

<br />

<a href="http://konsultasiblogger.blogspot.com/2009/01/cara-membuat-kolom-komentar.html">16.Membuat kolom komentar</a>

<br />

<a href="http://www.komisigratis.com/?id=TEGAR">17.Affiliate Baru</a>

<br />

<a href="http://konsultasiblogger.blogspot.com/2009/01/mengganti-template-blog_08.html">18.Cara ganti template</a>

<br />

<a href="http://konsultasiblogger.blogspot.com/2009/01/download-pothoshop-tutorial.html">19.Download photoshop tutorial</a>

<br />

<a href="http://konsultasiblogger.blogspot.com/2009/01/download-yahoo-messenger.html">20.Download Y!mesengger</a>

<br />

<a href="http://konsultasiblogger.blogspot.com/2009/01/download-browser-software.html">21.Download Browser Software</a>

<br />

<a href="http://konsultasiblogger.blogspot.com/2009/01/download-antivirus.html">22.Free Download antivirus</a>

<br />

<a href="http://konsultasiblogger.blogspot.com/2009/01/dasar-dasar-html.html">23.Download HTML tutorial</a>

<br />

<a href="http://konsultasiblogger.blogspot.com/search/label/XML%20Template">24.Download XML template</a>

<br />

<a href="http://http//konsultasiblogger.blogspot.com/2009/01/html-template.html">25.Download HTML template</a>


</div>



maka akan menghasilkan sebagai berikut




Kamu tinggal mengganti alamat URL link serta nama judul untuk link.

Selamat mencoba


















4 comments:

  1. alsy mengatakan...

    wa ini yang guwe cara cari selama ini


    makasih


    kalo mau aku punya software
    www.webkeren.co.cc

  2. Gusti Dana mengatakan...

    Salam kenal dan kunjungan balik...:)

    Oh ya...terima kasih sudah memasang link saya:).Link-nya juga saya pasang di blog saya http://gustidana.wordpress.com

    Salam hangat dan persahabatan selalu

  3. mencoba mengatakan...

    mas, saya rozi, saya ingin tanya bagaimana membuat scroll menu seperti punya anda. saya telah coba membuatnya, tapi kurang indah dan tidak sedap dipandang.
    makasih atas responnya dan bantuannya.
    rozisaptiyan@yahoo.com

  4. Tegar Abdullah mengatakan...

    @ mencoba : ockey nanti saya usahakan untuk posting selanjutnya untuk membuat scroll menu milik saya :)

Posting Komentar

Silahkan komentar di blog dofollow ini.Boleh berkomentar asal jangan spam ( Tidak sesuai dengan isi blog )Untuk komentar yang cuma Spam dan sedikit terpaksa saya Hapus ^_^

 
Adformat designed by Simon Pilkington