Dreams are renewable. No matter what our age or condition, there are still untapped possibilities within us and new beauty waiting to be born.

-Dale Turner-

Terimakasih atas kunjungan anda . . .

Rabu, 01 September 2010

Membuat menu scroll pada blog

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 kolom tutorial blogger diblog ini
Nah Cara buat menu scroll seperti itu:
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>
    <p><a href="http://amatullah83.blogspot.com/2009/07/cara-membuat-related-post-tulisan.html">Cara membuat related post</a> </p>
    <p><a href="http://amatullah83.blogspot.com/2009/07/mungkin-teman-teman-sudah-pernah.html">ngeblog offline tanpa terhubung keinternet</a> </p>
    <p><a href="http://amatullah83.blogspot.com/2009/07/merubah-read-more-dengan-icon-image.html">Mengganti Read More Dengan Image</a> </p>
    <p><a href="http://amatullah83.blogspot.com/2009/07/cara-membuat-recent-post-postingan.html">Cara membuat Recent Post</a> </p>

  </ul>
</div>
Setelah itu paste pada tempat yang anda inginkan di blog anda, apakah pada postingan, sidebar dll. Untuk alamat URLnya anda ganti dan sesuaikan sendiri!
Untuk memasangnya pada postingan anda harus berada dalam tab edit HTML, sedangkan untuk memasangnya pada sidebar caranya (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 anda!
Jika ingin menambahkan icon disampingnya link, ganti code <p> dan </p> dengan <li> dan </li>
Semoga bermanfaat!

0 komentar:

Posting Komentar


ShoutMix chat widget
 
Powered by Olark