Blogger is now active, but still it's hard for the blogger to make time to publish some post. Btw, Thanks for dropping by

Members ♪

Tuesday, August 20, 2013

Tutorial letak back to top button.

Assalamualaikum..

Hurm, fungsi back to top button ni adalah untuk bila korang scroll sampai bawah, mesti malas nak scroll ke atas balik kan? same lah macam aku :) lagi lah kalau blog tu panjang berjela-jela ceritanya..kan? okey, jom mula.. :)

1- Klik dekat LAYOUT ► ADD A GADGET ► HTML/JAVASCRIPT

2- Lepas tu, copy and paste code bawah ni dekat HTML/JAVASCRIPT okey ? ☺

<a title="Back to Top" href="#" style="position: fixed; bottom: 5px; right: 5px;"><img src="URL GAMBAR"></a>

3- yang warna merah tu, gantikan dengan image URL korang sendiri, okey :)

4- yang warne purple tu pun boleh tukar same ade korang nak letak kat kanan atau kiri :)

5- preview, kalau okey , klik save ♥

6- Siap :)

p/s : Kalau nak guna top button yang ni, amek lah :) selamat mencuba ☺



http://i1134.photobucket.com/albums/m601/justme242/topbutton.png

 photo up8.png

http://i1134.photobucket.com/albums/m601/justme242/up8.png


 photo up7.png

http://i1134.photobucket.com/albums/m601/justme242/up7.png


 photo up4.png

http://i1134.photobucket.com/albums/m601/justme242/up4.png


 photo up1.png

http://i1134.photobucket.com/albums/m601/justme242/up1.png


 photo up5.png

http://i1134.photobucket.com/albums/m601/justme242/up5.png


 photo up2.png

http://i1134.photobucket.com/albums/m601/justme242/up2.png


 photo up6.png

http://i1134.photobucket.com/albums/m601/justme242/up6.png


 photo up3.png

http://i1134.photobucket.com/albums/m601/justme242/up3.png



Thanks for dropping by :)

7 comments :

  1. wah bestnya tuto..yaya nak tukar la yang sherah punya ^_^ minta yang wane ungu ye syg

    ReplyDelete
  2. eh tak jadi la..nak amik warna pink tu..hehe..muah muah syg

    ReplyDelete
  3. ambl 1 ya,,,ats skli 2,cntk & comel :)

    ReplyDelete
    Replies
    1. Okay, amek je :) Hihi.

      TQ sebab menggunakannya. ecehh :P

      Delete

Share anything, accept everything.
Spill your thoughts here ☺☺☺

❕Disclaimer: All content provided on this blog is for informational purposes only. The owner of this blog makes no representations as to the accuracy or completeness of any information on this site or found by following any link on this site. The owner will not be liable for any errors or omissions in this information nor for the availability of this information. The owner will not be liable for any losses, injuries, or damages from the display or use of this information.