Wednesday, 13 June 2012

Tutorial : Back To Top Button


Untuk button Back To Top

Pergi
Dashboard - Design/Layout - Add Gadget - Add HTML 
 copy dan pastekan kod di bawah dalam gadget tadi
<a title="Back to Top" href="#" style="position: fixed; bottom: 5px; right: 5px;"><img src="URL BUTTON ANDA" /></a>
Masukkan URL button Back To top anda pada URL BUTTON ANDA pada kod di atas.


Save dan lihat hasil button anda. ^.^


Selain itu , Anda boleh ubah kedudukan button dengan mengubah  right pada kod di atas kepada 
  • left       - kiri
  • center  - tengah
  • right    - kanan
Bawah ini Lat'z ada sertakan Button Back To Top untuk anda semua..^.^


http://1.bp.blogspot.com/-u8kUKG8-O9E/TnQwwBHulXI/AAAAAAAAAes/v11tk-v976A/s1600/punguin+up.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSXcDNfCZXufOy008Vt9BCdCQPF4TXY-W_ZKmrZ62xKwOBtXBUDLVrhU2BQSK8J_dJHdIz2OtQ-F4welzFMlQOCIMfxR_pHoVIWEctxppCZJQFzB8t8Ovjf4kMxfFfgT4uDdCJ3kmLCUg/s320/button.png
http://www.kidspot.com.au/babyclub/product-information/images/back_to_top_button_blue.png
http://i1117.photobucket.com/albums/k588/Aerol_Hafiezi/totop.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmK4hTUG6s_qV0WqoBBOblHBejqc0yUm0TV5EUTOKv_NudOk09ZBdIteEPccHL1ZbvS6gaEKipYUgOc2kqYmfGOy_91LOLr7-jqvl4RLj8nvy4vIYrzP4cRS8AtZwHyvt8VUddpCOMowo/s320/button4.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7hLX25u9EU_OOdHXCjboWo6rbh8726v7BmIRGnq6qlPQTHCEcsSC8P_nZWaY0-zXybR2K2DED3kedY1EtDLaVtyZFjJtfxXU7FH67H9mXC71RlMxISX8Hh_8atayr-WP8BpNDqt2UCCQ/s320/button7.png


http://i1165.photobucket.com/albums/q594/LilaaOohLilaa/header222.png

http://i1202.photobucket.com/albums/bb380/blogbiztutor/Blogger/Button/up_arrow.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzoU98Cr6I1T1ex_WrZilR4RCGaSQHZlzmAWYUfz_fYbNr9vhuQ2zew0dxZPxTlP3sM6QM3eTiESElLmry2HXz5lecqLbvFs0oaFlL8VUCcbS4xCfmz9c_N9nvL7F-Vbjjmk1drT6dt2DM/s1600/top4.gif
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQJU-gTbNqfbzRU_9xD_YA2HdztwEOE5qhgIPYGxndwJKOD8Qko0ajCFm-xixcMAABemA8CpLwz63ETjAq7EOWH72sAyNsqf6EjkhtIFKaLjBT3Rkbn2o1tdsRtnzd0_EJo4hwTiGjlGI/
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1EMKZh9J_ef6hgn6y_AU8JvolACifCE3eRmlm1jW4S81FzdMu5_JcUYbFtcbsboAp74MsRjznlBWoTrMV-4rK1TUlDr674vlhUEki7yHISOB44Wl1ufCOIY-puJmprvt8rznM68r6IpmS/s400/bttp-9.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgm4RM_wijPXem7HNfEmaemtSg02rhtdcLBi2Ghs6oBAQLpzunKngGLDAgAUJ7IUVuHG-JmDK5_8pkG0OOlNoJN2bNPNXb0GeTgX0LtmGMcADyAHT5ZF2uEy4lTXliAXMmRQdXvvwTDUwX4/s400/bttp-15.png
http://static.tumblr.com/nqqvhn0/lLfm3g6bg/tutor-back-to-top-button.png

p/s :  Donate untuk Lat'z k, tekan butang Donate @ iklan di atas post ini..TQ..^.^

3 comments:

Anonymous said...

hana nak amik satu icon tu boleh? :)

Unknown said...

Salam.. Kenapa bila sya letak lagu dalam blog, button scroll up ni tak jadi ekk? Boleh tolong?

ZahrahZ said...

sy ambil .tq

Penaja Blog