Minggu, 13 Februari 2011

Cara Membuat Menu Scroll



Dengan membuat menu scroll untuk menyimpan catatan kita, link, atau banner akan menghemat tempat pada blog kita. Apa menu scroll itu? Baiknya langsung saja liat contoh dibawah ini!
Cara buat menu scroll seperti diatas:
Copi code berikut:
<div style="padding-right: 10px; padding-left: 10px; padding-bottom: 10px; overflow: auto; width: 255px; padding-top: 10px; height: 141px" 1px="1px" solid="solid">
  <ul>
    <li><p><a href="http://bapukstyle.blogspot.com/2011/02/percantik-tampilan-kotak-komentar-blog.html">Percantik Tampilan Kontak Komentar Dengan Gambar</a> </p>

    <li><p><a href="http://bapukstyle.blogspot.com/2011/02/cara-membuat-related-post-pada-blogspot.html">Cara Membuat Related Post Pada Blogspot</a> </p>

    <li><p><a href="http://bapukstyle.blogspot.com/2011/02/cara-menambahkan-cook-emoticon-di-kotak.html">Cara Menambahkan Cook Emoticon di Kotak Komentar</a> </p>

    <li><p><a href="http://bapukstyle.blogspot.com/2011/02/membuat-bintang-bertaburan-pada-blog.html">Mebuat Bintang Bertaburan Pada Blog</a> </p>

    <li><p><a href="http://bapukstyle.blogspot.com/2011/02/cara-mengganti-tulisan-posting-baru.html">Cara Mengganti Tulisan Posting Baru, Psting Lama, dan Home Dengan Icon</a> </p>

    <li><p><a href="http://bapukstyle.blogspot.com/2011/02/cara-mebuat-scroll-pada-daftar.html">Cara Membuat Scroll Pada daftar Komentar(NEW)</a> </p>

    <li><p><a href="http://bapukstyle.blogspot.com/2011/02/cara-mudah-membuat-reply-di-coment.html">Cara Mudah Menambahkan Reply di Comment</a> </p>

    <li><p><a href="http://bapukstyle.blogspot.com/2011/02/cara-membuat-buku-tamuguestbook.html">Cara Membuat Buku Tamu/Guest Book</a> </p>

    <li><p><a href="http://bapukstyle.blogspot.com/2011/02/archive-hierarki-hemat-tempat.html">Archive Hierarki Hemat Tempat</a> </p>


  </li></li></li></li></li></li></li></li></li></ul>
</div>

Setelah itu paste pada tempat yang sobat inginkan di blog sobat , apakah pada postingan, sidebar dll. Untuk alamat URLnya sobat ganti dan sesuaikan sendiri!
Untuk memasangnya pada postingan sobat harus berada dalam tab edit HTML, sedangkan untuk memasangnya pada sidebar saran saya untuk sobat agar tak bingung menyesuaikan dengan lebar sidebar ganti lebarnya menjadi 100% kodenya widht: 100% cara memasangnya (untuk yang belum tahu ni):
  • Login ke blogger
  • Pada bagian dasbor pilih menu layout/ tata letak
  • Klik elemen halaman
  • Tambah gadget pada sidebar yang anda ingin tampilkan menu scroolnya!
  • Pilih tambah HTML/JavaScript
  • Beri titel, simpan codenya dalam konten
  • Save, lihat hasilnya diblog sobat !
Semoga bermanfaat!

Tidak ada komentar:

Posting Komentar

Berkomentarlah dengan memberi motifasi-motifasi agar saya bersemangat untuk selalu mengupdate blog ini