Friday 4 May 2012

Cara Memasang Menu Scroll di Blog



Langsung aja Mari kita perhatikan bersama contoh kode HTML untuk membuat menu scroll :


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

<ul><li><a href="http://otaxatix.blogspot.com/2012/05/cara-memasang-menu-scroll-di-blog.html>
cara memasang menu scroll di blog </a></li></ul>

<ul><li><a href="http://otaxatix.blogspot.com/2012/04/cara-membuat-read-more-otomatis-di.html>
cara membuat read more otomatis </a></li></ul>

<ul><li><a href="http://otaxatix.blogspot.com/2012/04/menghilangkan-icon-obeng-dan-tang-pada.html>
menghilangkan icon obeng dan tang pada blog</a></li></ul>

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

Nantinya akan memiliki tampilan seperti dibawah ini :


Sekarang cara masang widgets menu scrool di blog :

  1. Langsung aja Login
  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....

 * Untuk melihat url postingan, klik salah satu artikel lalu lihat di kotak pengisian alamat contohnya seperti ini :



Selamat mencoba,,,,,,,

1 comment: