Letak Button Back To Top

Posted on 8:11:00 AM by  with 76 comments
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. CipinaAugust 19, 2010 at 9:16 AM

    terima kasih. dah buat :D

    ReplyDelete
  2. ckynwanAugust 19, 2010 at 11:26 AM

    tq =) dah buat juge

    ReplyDelete
  3. fiezaAugust 19, 2010 at 5:31 PM

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

    ReplyDelete
  4. zulkboAugust 21, 2010 at 10:57 AM

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

    ReplyDelete
  5. maisyahAugust 22, 2010 at 9:07 AM

    salam..thanx.. jadi da..

    ReplyDelete
  6. AzmanAugust 30, 2010 at 9:54 PM

    thanks dah jadi..

    ReplyDelete
  7. Saya AmirSeptember 5, 2010 at 4:05 PM

    entri ni..
    amat berguna!

    ReplyDelete
  8. Afiqah Aiman Abdul GaffarOctober 11, 2010 at 12:53 AM

    thanks again for this tutorial :)

    ReplyDelete
  9. fasihahOctober 15, 2010 at 9:16 PM

    salam...=( knp sy wt xjd?

    ReplyDelete
  10. Farah chomotDecember 4, 2010 at 12:39 PM

    knp sy wt tk jadi :(

    ReplyDelete
  11. AnonymousDecember 7, 2010 at 4:58 PM

    thx for the tutorial! its work

    Get Your Own Style

    ReplyDelete
  12. MIERA's BLOGDecember 8, 2010 at 2:48 AM

    da buat jugak :)

    ReplyDelete
  13. Aza NizaDecember 11, 2010 at 6:02 PM

    done its work

    ReplyDelete
  14. gadis bisuFebruary 2, 2011 at 2:57 AM

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

    ReplyDelete
  15. MAHNFHFebruary 13, 2011 at 3:47 AM

    as salam...thanx...

    ReplyDelete
  16. bleachFebruary 18, 2011 at 5:02 PM

    tq vry much

    ReplyDelete
  17. hypertransFebruary 23, 2011 at 1:10 PM

    alamaak,pic dah xada la..

    ReplyDelete
  18. Tsy MMarch 13, 2011 at 10:27 PM

    terima kasih , sudah jadi :)

    ReplyDelete
  19. fathieMarch 27, 2011 at 5:19 AM

    thank da jadi

    ReplyDelete
  20. AnonymousMarch 27, 2011 at 11:47 PM

    thanks . da buad <3

    ReplyDelete
  21. hdsjkalApril 3, 2011 at 1:15 AM

    wah! entri sangat berguna! thnk you unwanted! :)

    ReplyDelete
  22. erynaApril 6, 2011 at 11:00 AM

    thanxx..done!

    ReplyDelete
  23. AnonymousApril 8, 2011 at 1:36 PM

    da buat..tq..

    ReplyDelete
  24. sayeAIZAnarzeriApril 10, 2011 at 3:11 AM

    :)tq2..sy da try

    ReplyDelete
  25. nayly filzaApril 13, 2011 at 11:04 PM

    ehh , hye ! thanxiee ! berbaloi-baloi !

    ReplyDelete
  26. Afeeqah AnuarApril 14, 2011 at 11:03 PM

    thanks!!!

    ReplyDelete
  27. Aisya ZailanApril 17, 2011 at 4:55 PM

    thankssssssssssssssss :]

    ReplyDelete
  28. restu resortApril 22, 2011 at 8:01 PM

    terbaik..

    ReplyDelete
  29. AnNa AltHaFunNiSaApril 26, 2011 at 9:33 AM

    mantap lh..hbt3

    ReplyDelete
  30. ashleyMay 21, 2011 at 12:04 AM

    mekaseh :)

    ReplyDelete
  31. aMay 21, 2011 at 11:37 PM

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

    ReplyDelete
  32. bungaMay 25, 2011 at 9:40 AM

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

    ReplyDelete
  33. arfah nurMay 26, 2011 at 11:17 AM

    thanks for toturial...

    ReplyDelete
  34. StrawberrypinkJune 9, 2011 at 1:42 AM

    cmne nk wat banner utk blog ek ?

    ReplyDelete
  35. niagaemas999June 21, 2011 at 3:44 PM

    best bro banyak tutorial koa aku cilok

    ReplyDelete
  36. ♥ Nur Izzati Zakaria ♥June 26, 2011 at 10:23 PM

    thnx for tutorial :)

    ReplyDelete
  37. Mr.KJuly 2, 2011 at 6:23 PM

    thanks ...great info for beginner...

    ReplyDelete
  38. Shiera IshakJuly 10, 2011 at 4:31 AM

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

    ReplyDelete
  39. LoveMyLifeJuly 16, 2011 at 2:37 PM

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

    ReplyDelete
  40. yayamongekssJuly 22, 2011 at 2:48 PM

    nice tuto.. thnks..=)

    ReplyDelete
  41. فرحJuly 23, 2011 at 12:46 PM

    knape tak jadi erk , da 3 kali buat .

    ReplyDelete
  42. ShahrinAugust 16, 2011 at 4:14 AM

    Bez2....dah try...thank yaa...

    ReplyDelete
  43. Cik AinAugust 26, 2011 at 4:15 PM

    x x bole na center ke ek?

    ReplyDelete
  44. Panda ComelSeptember 2, 2011 at 4:22 PM

    nk cri design len cmne ek ?

    ReplyDelete
  45. AnonymousSeptember 11, 2011 at 8:27 PM

    klo nk ltk dkt kiri cmner???

    ReplyDelete
  46. Abdul harisOctober 4, 2011 at 7:24 PM

    terima kasih dan berjaya terus

    ReplyDelete
  47. emmaOctober 11, 2011 at 7:54 PM

    thank like it da berjaya

    ReplyDelete
  48. Eryn AzreenOctober 14, 2011 at 1:28 AM

    xpernah boley nak copy url gamba.. :(

    ReplyDelete
  49. EzzanieBasirOctober 18, 2011 at 3:32 PM

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

    ReplyDelete
  50. Mr. RoccoNovember 13, 2011 at 11:47 AM

    hebat :)

    ReplyDelete
  51. T-ara ArzeilliaNovember 16, 2011 at 7:58 AM

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

    ReplyDelete
  52. Nurul AisyahNovember 19, 2011 at 4:17 PM

    wow...thengz...

    ReplyDelete
  53. NongDecember 18, 2011 at 11:15 AM

    Thanks...

    ReplyDelete
  54. nana ayrienDecember 18, 2011 at 11:51 AM

    tade pn

    ReplyDelete
  55. Azuin NazryDecember 27, 2011 at 1:35 AM

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

    ReplyDelete
  56. Vive ReytchelJanuary 8, 2012 at 6:34 PM

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

    ReplyDelete
  57. AtulLiyahFebruary 25, 2012 at 5:44 PM

    xMenjadi laa :'(

    ReplyDelete
  58. Menengah CempakaApril 13, 2012 at 11:52 AM

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

    ReplyDelete
  59. MOHD HADZRI ISMAILMay 6, 2012 at 2:22 PM

    success

    ReplyDelete
  60. UnknownJune 17, 2012 at 11:33 AM

    ada lagi x

    ReplyDelete
  61. UnknownOctober 7, 2012 at 2:24 PM

    tegs :D jdi pon

    ReplyDelete
  62. Promo kartu member indomaret minimarket waralaba indonesiaOctober 17, 2012 at 12:18 PM

    Keren nih bang back to top-nya, ijin pasang ya gan...?

    ReplyDelete
  63. Promo kartu member indomaret minimarket waralaba indonesiaOctober 17, 2012 at 2:10 PM

    Mantap gan tutorialnya, saya coba deh... makasih

    ReplyDelete
  64. cenderamata KHAOctober 25, 2012 at 1:09 AM

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

    ReplyDelete
  65. Fauzul HakimOctober 27, 2012 at 7:57 PM

    kenapa tk jadi ?

    ReplyDelete
  66. UnknownDecember 6, 2012 at 9:01 PM

    url tu ambik kat mna eh? link kat bwh tu ke??

    ReplyDelete
  67. VenturealizeRJanuary 24, 2013 at 7:37 AM

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

    Thanks,
    Itching And Burning Sensation

    ReplyDelete
  68. UnknownFebruary 4, 2013 at 10:53 PM

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

    ReplyDelete
  69. Mama FurqanMarch 1, 2013 at 11:02 AM

    makaish jadi dah.....^_^

    ReplyDelete
  70. AnonymousMarch 29, 2013 at 2:57 AM

    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
  71. UnknownApril 18, 2013 at 4:10 PM

    Yes, successful.. thanks!!!!

    ReplyDelete
  72. AnonymousJune 3, 2013 at 1:21 PM

    tenks.. berjaya

    ReplyDelete
  73. jersey grade oriJune 18, 2013 at 6:48 AM

    oke mantep jos gandos gan

    ReplyDelete
  74. Keep Calm and Be YourselfOctober 5, 2013 at 12:43 PM

    Tak mnjadi punnn :(

    ReplyDelete
  75. AnonymousDecember 16, 2013 at 2:21 PM

    Smart lah bro, i like it .

    ReplyDelete
  76. adminJanuary 3, 2022 at 4:49 PM

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

    ReplyDelete

Subscribe to: Post Comments (Atom)