Saturday, May 11, 2013

Cara Membuat Menu Scrool Di Blog Atau di Website

Cara membuat menu scroll di blog atau website.- Seperti yang kita ketahui bahwa menu scroll diperlukan menampung daftar nama ataupun list yang panjang dan lebar di suatu blog. Panjang dan lebar dapat kita atur dengan sedemikian rupa sehingga dapat ditempatkan di tempat yang terbatas. Fungsi scroll yang berbentuk kotak kecil ini sangatlah efektif untuk dipasang di blog agar terjadi penghematan tempat dimana banyak sekali yang menggunakannya saat ini. Nah saya sebagai pemula yang sedang belajar menjadi blogger akan berbagi cara memasang atau membuat menu scroll di blog yang tentunya hanya tipe yang sederhana dan tidak memerlukan kode script yang sulit sekali dan memusingkan tersebut. Dan scriptnya langsung sobat letakkan di gadget html. Caranya login ke blog anda pilih tata letak, pilih html/javaxcript dan pastekan script di bawah ini.


<div style="overflow:auto;width:250px;height:220px;padding:10px;border:1px solid #eeee"> 
   == menu yang akan di tampilkan di letakkan di sini ==
</div>

Untuk script menu, sobat bisa mengambil contoh script sederhana seperti di bawah ini

<a href ="http://alamatblog.blogspot.com/2013/04/namaartikel.html">nama artikel</a>

Sehingga yang tampil di menu scroll adalah " nama artikel " saja., Untuk lebih jelasnya anda bisa melihat contoh menu scroll di bawah ini
menu scroll di blog

Dari menu scroll di atas script nya antara lain seperti berikut :

<div style="overflow:auto;width:250px;height:220px;padding:10px;border:1px solid #eeee"> 
<li><a href ="http://hengkikristiantoateng.blogspot.com/2013/04/daftar-kode-warna-html-untuk-blog.html">Daftar Kode Warna Html Untuk Blog</a></li>
<li><a href="http://hengkikristiantoateng.blogspot.com/2013/04/cara-membuat-teks-berjalan-marquee-di-menu-bar-blogspot.html">Cara Membuat Teks Berjalan (marquee)di Menu Bar Blogspot</a></li>
</div>

Banyak sekali yang bisa anda masukan ke dalam menu scroll terserah kepada selera anda dan kreatifitas anda.
Sekian cara membuat menu scroll di blog atau website, semoga bermanfaat

No comments:

Post a Comment