TUTORIAL:BUTTON BACK TO TOP

SELAMAT PETANG :) hoho..hujan tak?hujan tak??kat sini baru je lepas hujan.melemahkan 

semangat bejalan jalan petang nie..hee :) korang pulak..jaga kesihatan..maklum laa..musim 

sejuk sekarang nie..hoho..okei.tutorial nie solehah buat special untk CIK NANY. kalau ada yg

belom buat button BACK TO TOP boleh la ikt tutorial nie jugak..hee :)

LANGKAH 1.

• mula mula DASHBOARD>DESIGN>PAGE ELEMENT>ADD GADGET>HTML/JAVASCRIPT

LANGKAH 2

• korang dah ADD GADGET HTML/JAVASCRIPT tu.ambik koding yang nie pulak.

<div style="position: fixed; bottom: 0px; left: 0px;"><a title="Back to Top" href="#"><img src="URL ICON/GAMBAR" /></a></div>

LANGKAH 3

• dah siap.solehah nak explain ckit koding nie..korang boleh faham lg..hee :)

1. position: fixed; bottom= bottom.posisi tempat nk letak button tu..dh nk buat button BACK TO TOP kan.mesti la letak kat BOTTOM.hehe..tapi.kalau korang nak letak TOP.boleh jugak.hoho
2. 0px; left: 0px; = 0px: yg nie kalau korang nak tuka nilai pun boleh jugak..tengok apa yg berubah.. left pulak.ikut korang la.nak letak left or right.waahh.sepiking pulak.. *senyumm.
3. yg len2 tu..korang jangan tuka okei.

LANGKAH 4

• nie.solehah ada buat icon back to top untuk korang..kalau nak buat sendiri pun boleh jugak. yg nie tak cantek sgt kot..haha.korang copy la URL tu.letak dlm koding kat LANGKAH 2 td.

http://i1186.photobucket.com/albums/z363/dimdum90/Arrow-black-256.png

http://i1186.photobucket.com/albums/z363/dimdum90/green.png

http://i1186.photobucket.com/albums/z363/dimdum90/pink.png

http://i1186.photobucket.com/albums/z363/dimdum90/purple.png

p/s:okei.dah siap..nie konpem menjadi kan?takda error..hehehe... :) gudluck CIK NANY.try buat kei.