Senin, 29 Agustus 2011

Cara Memasang Menu Scroll di Blog


m kesempatan kali ini saya akan sedikit berbagi tips bagaimana cara membuat dan memasang menu scrool di blog. Adapun fungsi dan kegunaan menu ini adalah agar daftar list artikel yang kita posting tidak memakan tempat karena lebar dan panjang menu bisa kita sesuaikan dengan lebar space halaman blog.
Mari kita perhatikan bersama kode HTML untuk membuat menu ini :


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

<ul><li><a href="http://www.masbugie.com/2010/04/cara-membuat-teks-atau-tulisan-berwarna.html">Cara Membuat Teks Berwarna di Postingan Blog</a></li></ul>


<ul><li><a href="http://www.masbugie.com/2010/04/cara-membuat-tabel-dan-kolom.html">Cara Membuat Tabel dan Kolom Blog</a></li></ul>


<ul><li><a href="http://www.masbugie.com/2010/04/cara-membuat-teks-berjalan-di-tab-dan.html">Cara Membuat Teks Berjalan di Tab dan Navbar Atas</a></li></ul>


<ul><li><a href="http://www.masbugie.com/2010/04/shoutmix-vs-cbox-ala-newbie.html">ShoutMix Vs CBOX ala Newbie</a></li></ul>

</div>
</div></div>

Dan nantinya akan memiliki tampilan seperti dibawah ini :


Dan sekarang cara memasang widgets menu scrool di blog :

  1. Login Blogger
  2. Klik Tata Letak / Layout
  3. Dalam menu Elemen Laman klik Tambah Gadget / Add Widget
  4. Pilih HTML
  5. Copy Paste kode diatas kedalam Gadget HTML tersebut
  6. Ubah tulisan berwarna biru dan sesuaikan dengan ukuran dan alamat url postingan blog kalian yach...
  7. Klik Save
Selesai....


Gampang kan,, nah semoga aja informasi ini bermanfaat buat kalian semua.   Salam blogger, heheh :)

0 komentar:

Posting Komentar

 
Photography Templates | Slideshow Software