Back To Top - Tutorial In Bahasa Melayu

Nak buat 'back to top' macam dalam Blog Si Biru ni? hehe aku buat entry ni sebab Mr Padin kita tanya macam nak buat. sebenarnya image untuk 'back to top' tu aku buat sendiri. coding je aku copy. tapi lupa plak aku amek kat mana. so nak x nak aku buat jugak tutorial pasal 'back to top' ni..






copy kod html kat bawah ni....


<style type="text/css">.backtotop a:hover {background:none;}</style><div class="backtotop"><a style="display:scroll;position:fixed;top:250px;right:5px;" class="backtotop" href="#" rel="nofollow" title="Back to Top"><img style="border:0;" src="http://img684.imageshack.us/img684/5188/toprn.png" /></a></div>

image untuk 'back to top' tu korang boleh tukar sama ada nak pakai korang punya image atau pakai je bulat2 yang aku buat ni. just gantikan url image dengan url image kesukaan korang. ( aku x taw macam mana nak bold atau warnakan url tu, harap2 korang jumpa. sorry) url untuk image back to top aku = http://img684.imageshack.us/img684/5188/toprn.png ... korang tukar yang ni k..

lagi satu, korang boleh adjust kedudukan 'back to top' mengikut cita rasa korang sendiri. sama ada nak dok kat atas ke, bawah ke, tengah2 ke. apa yang perlu korang buat, cari perkataan 'top:250px', tukar dengan nombor yang korang suka. try and error k.

kalau korang nak letak back to top tu belah kiri atau kanan, just tukar yang ni. kalau kanan, 'right:5px'. kalau kiri, 'left:5px'

selepas dah setle semua, korang masuk design/customize > add a gadget > HTML. paste je kat situ. kedudukan kotak add a gadget tu x kisah kat mana2 pun. asalkan korang paste. then preview dulu before korang save. kalau xde apa2 error, save terus. siap~!

psst~! harap2 dapat membantu korang yang selama ni teringin nak buat fungsi 'back to top' hehe