Tuesday, March 08, 2011

Home » » Cara nak letak "Scroll to Top" button dalam blog

Cara nak letak "Scroll to Top" button dalam blog

Hari ini aku belajar satu lagi perkara baru. Apa yang aku belajar tu, rasanya elok juga di kongsi kan di sini kan. (Siapa yang dah tahu tu diam-diam jelah, ni untuk yang tak tahu dan ingin nak tahu);).

"Scroll back to Top"
Widget ini memang berguna untuk blog yang selalu buat entri yang panjang. Ada masa kita nak scroll ke atas semula dan mulalah bermain-main dengan tetikus kita tu kan. Kalau ada widget ni lebih memudahkan, tekan je terus dia kembali ke muka atas blog.

Caranya....

1. pergi kat Design > Add a gadget 

2. pilih HTML / Javascript

3. Copy (ctrl + C) code kat bawah ni, then paste (ctrl + v) pada kotak html/javascript tadi..

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script> <script src="http://dl.dropbox.com/u/1960768/blue.js" type"text/javascript"></script>
4. Klik Save

Kod yang aku bold kan dengan warna biru tu, korang boleh tukar dengan apa warna pun yang korang suka. Kalau ikut macam kat atas tu blue kan, so nanti birulah jadinya. Kalau buat black, jadilah macam aku punya ni...

Ada di sebelah bawah kanan blog. Cuba tekan sekarang.... :p
Kalau nak warna merah, kuning, hijau pun boleh. Tukar je nama warnanya but make sure in english ya. Kod ni tak faham BM kot....:D.

Ok dah siap.

Kredit to Mia Adnan. Aku belajar ni pun dari blog dia....:)

~ يوس ~

24 comments:

  1. rajinnya buat tutorial...
    jaga diri baik2 yea... ~

    ReplyDelete
  2. @♥ manje ♥
    manje, sebenarnya tengah suka nak guna blockquote tu....

    baru belajar letak background kan pada blockquote tu. Bila buat entri mcm ni bolehlah guna...hihi.

    Thanks, akak ok. Kejap lg nak rehat..:)

    ReplyDelete
  3. tadi pergi merayap kat satu blog tu jumpa gak ikon tu... bagus, ilmu yg berguna...

    ReplyDelete
  4. satu benda yg baru ni...sebab saye mmg tak tau mcm mane nak buatnye...
    tq sudi berkongsi...

    ReplyDelete
  5. alhamdulillah..

    dapat ilmu bari di sini..


    thanks yus ^___^

    ReplyDelete
  6. Assalam yus..terima kasih..sudi kongsi disini..
    nanti nak minta hero bongsu akak buatkan ikut apa yang yus ajarkan.insyaallah..

    ReplyDelete
  7. yey... sharing is loving.. hehehe

    ReplyDelete
  8. oo gitu...tq sharing yer ..:)

    ReplyDelete
  9. Rajinnya kak Yus meng-add gadjet ni. Very useful. :)

    ReplyDelete
  10. salam yus..tq sudi kongsi ilmu..lau line elok nak cuba try gak lah..

    ReplyDelete
  11. wah sgt menarik..tq share
    cantik blockquote kak yus tu :)

    nak tanya akak la camne nak reply bawah komen kat shoutbox mcm akak tu ye?

    ReplyDelete
  12. tq yus..
    akak loni lama doh tak try buat widget2 tu..kebizian..ingat nati nk tukar layout..rasa cam boring doh nge layout tu..huhu

    ReplyDelete
  13. wah2 thanx dikkk sbb x kedekut ilmu ...... skrg jugak akak cuba buat ... :))

    ReplyDelete
  14. Salam Yus.. ilmu yang berguna untuk pemblogger tegar...hehehe

    ReplyDelete
  15. @qemaishak
    qema, yang tu kena guna shoutbox dari oggix.com lah, macam akak, kalau shoutbox lain akak tak tahu.

    Kalau guna oggix, bila nak reply kena login akaun dia dulu, nnti boleh reply dari sana. Dia akan keluar di bawah komen orang yg beri komen tu...

    ReplyDelete
  16. kalau saya mmg x reti lah benda2 cenggini, dah namanya buta IT kan...huhu...

    ReplyDelete
  17. boleh cuba ni... sbb n3 kakyong selalu pjg2... ;)

    ReplyDelete
  18. terima kasih kak..saya guna shoutmix mmg xblh kot hehe

    ReplyDelete
  19. mane kamu dpt link nk buat bende tu
    please repley back! TT__TT

    ReplyDelete
  20. @Naqib bff
    rasanya semua dah ada dalam entri tu. Cuba tengok betul2 ya..:)

    ReplyDelete
  21. hi dear.thanks ya credit ke blog saya, ada referrer dr blog ni..hehee..thanks alot ya

    'selamat berpuasa :)'

    ReplyDelete
  22. terima kasih untuk tutorial di atas
    http://kha11.blogspot.com

    ReplyDelete
  23. thank a lot, really helpful
    visit http://kamarularnizam.blogspot.com

    ReplyDelete

Ada apa-apa nak tambah silalah tinggalkan jejak yer..Terima Kasih.

LinkWithin

Related Posts Plugin for WordPress, Blogger...