Letak Button Back To Top

Meletakkan button 'back to top' biasanya digunakan untuk blogger yang kebiasaannya mempunyai entri yang panjang, ataupun entri blog tersebut sentiasa mempunyai komen yang banyak atau mungkin juga sebagai penyeri agaknya.:)
anda boleh melihat contoh back to top button di blog demo ini.



Walaupun terdapat pelbagai cara yang agak advance dengan kesan yang lagi hebat-hebat, tetapi entri ini akan menunjukkan cara yang paling ringkas untuk meletakkan button back to top ini. Tidak perlu pening kepala kerana ia hanya menggunakan beberapa step sahaja.:)

Berikut adalah tutorial untuk meletakkan button back to top dalam blog.


1. Login akaun blog anda, kemudian dari dashboard > design > add a gadget > html/javascript

2. Paste kod di bawah ke dalam ruangan html/javascript
<a title="Back to Top" href="#" style="position: fixed; bottom: 5px; right: 5px;"><img src="Url gambar"></a>



Masukkan url gambar dengan url gambar 'arrow back to top' anda.

Disini ada beberapa jenis arrow diletakkan, hanya untuk memudahkan. Tetapi jika anda ingin mencari pelbagai lagi jenis back to top arrow, anda Google sahaja.


http://img338.imageshack.us/img338/9871/2evyotw.gif


http://img132.imageshack.us/img132/5848/totopbutton.png


http://img175.imageshack.us/img175/7297/up3.png


http://img28.imageshack.us/img28/2494/30720265.png


http://img529.imageshack.us/img529/1986/96133335.png


http://img294.imageshack.us/img294/9831/14193731.gif


3. Apabila selesai save dan lihatlah hasilnya.:)


76 comments:

  1. tme kasih.....best gk tutorial nih...;)

    ReplyDelete
  2. salam ..
    thanks bro..
    i m using in my blog now

    ReplyDelete
  3. thx for the tutorial! its work

    Get Your Own Style

    ReplyDelete
  4. thanks..it done..so easy to do it...

    ReplyDelete
  5. thanks . da buad <3

    ReplyDelete
  6. wah! entri sangat berguna! thnk you unwanted! :)

    ReplyDelete
  7. ehh , hye ! thanxiee ! berbaloi-baloi !

    ReplyDelete
  8. dah jadi..kiut sgt..tenkiu..=)

    ReplyDelete
  9. assalamualaikum..emm..tuan yg empunya blog ni..boleh x post kan care2 nk letak button home(gmbr rumah)dan newer post(gmbr eror)..

    ReplyDelete
  10. best bro banyak tutorial koa aku cilok

    ReplyDelete
  11. thanks ...great info for beginner...

    ReplyDelete
  12. tenz 4 toturial...can u follow my blog..kwn laen juge yea...amatlah dihargai...:)

    ReplyDelete
  13. best ar tutorial nie.senang nak ikot.papehal thanks...

    ReplyDelete
  14. knape tak jadi erk , da 3 kali buat .

    ReplyDelete
  15. klo nk ltk dkt kiri cmner???

    ReplyDelete
  16. xpernah boley nak copy url gamba.. :(

    ReplyDelete
  17. Kalau edit photo sndiri, cena nk amek URL tu erk ?

    ReplyDelete
  18. thnx..penerangan yg mudah dan ringkas...berguna sgt tutorial nih..

    ReplyDelete
  19. sng..trs jd..best http://lifediary-nazryazuin.blogspot.com/

    ReplyDelete
  20. sape sape nk tutorial bu\oleh la..ke blog vv ye..tenkiu..
    follow la sekali dan tinggal kan komen

    ReplyDelete
  21. xde gmbar yg kiut-2 ke ..
    Atoyai !
    amik 1 je ..
    coz itu je yg nmpk smart ..
    Huh .. :)

    ReplyDelete
  22. terima kasih untuk tutorial ini..boleh cuba
    http://kha11.blogspot.com

    ReplyDelete
  23. url tu ambik kat mna eh? link kat bwh tu ke??

    ReplyDelete
  24. Very simple scroll back to top.
    No jquery is use.

    Thanks,
    Itching And Burning Sensation

    ReplyDelete
  25. udah jadi ini, tapi saat di klik kenapa malah menjadi new tab ya ?

    ReplyDelete
  26. I'm really impressed along with your writing skills and also with the layout to your blog. Is that this a paid topic or did you customize it yourself? Anyway stay up the nice high quality writing, it is rare to look a great blog like this one today..

    My blog post tv card sharing

    ReplyDelete
  27. tenks.. berjaya

    ReplyDelete
  28. Smart lah bro, i like it .

    ReplyDelete
  29. Ketahui kesan merokok, sila baca.
    Cara dan pengalaman pengalaman berhenti merokok yang berkesan dalam 7 hari.

    ReplyDelete