14 Desember 2010

Cara Membuat Menu Dengan Fungsi Scroll Down Di Dalam Blog

  Nah..Kepinginkan punya menu scroll down yang bisa ditarik keatas dan kebawah kayak punyaku ( Daftar Isi Tutorial Blog), membuat seperti itu tidak susah all...Prinsip nya cuma Copy Paste aja .. Menu scroll membuat blog kita terlihat lebih cantik dan profesional lagi ..menurutku sih... Klo yang jelas menghemat tempat di page blog kita, bayangkan gimana kalau isi blog atau permalink nya banyak banget pasti ruwet dah blog nya, untuk membuat fungsi Scroll seperti kayak punya aku begini caranya :

1. Pertama Login dulu ke blogger
2. Pilih Layout ( Tata Letak ) >> Page Element ( Elemen Halaman )
3. Add a Gadget ( Tambah Gadget )
4. Pilih HTML/JavaScript dan copy aja kode ini didalamnya:




<div style="overflow:auto;width:320px;height:250px;padding:10px;border:1px solid #eee">
...................
</div>

Titik titik nya kamu isi alamat URL yang ingin dituju misalnya kayak gini



<div style="overflow:auto;width:340px;height:100px;padding:10px;border:1px solid #eee">
1. <a href="http://tipsdantrikyusuf.blogspot.com/2010/12/arti-dan-defenisi-seputar-blog-dan.html"> Arti  

    Dan Defenisi Seputar Blog Dan Blogger.com</a>
 <br/>
2. <a href="http://tipsdantrikyusuf.blogspot.com/2010/12/sejarah-asal-usul- terciptanya-atau.html"> Sejarah 
    Asal Usul Terciptanya Atau Terbitnya Blog</a>
   <br/>
3. <a href="http://tipsdantrikyusuf.blogspot.com/2010/12/cara-membuat-tag-cloud-cumulus-di-

    dalam.html"> Cara Membuat Tag Cloud Cumulus Di Dalam Blog</a>
   <br/>
  </div>

Keterangan :
width
--> lebar
height
--> tinggi
padding
--> jarak antar tulisan dengan garis pinggir menunya
border
--> ketebalan garis pinggir menu

Udah gitu aja ?  mudah kan ? bisa juga diaplikasikan untuk, Daftar isi seperti punyaku, bisa juga untuk Link Teman teman, dll

::.. Bagaimana Komentar Anda TentangArtikel saya Yang Ini ..::

0 komentar:

Posting Komentar