Cara Pasang Back to Top Button

Monday, May 9, 2011

Sediakan url back to top button atau leh amek url button diatas..

1. Pergi kat Design >> Edit HTML. Click kat checkbox “Expand Widget Templates”.

2. Tekan Ctrl + F, cari ]]></b:skin> dan pastekan coding di bawah sebelumnya.

#backtotop

{ padding:5px;

position:fixed;

bottom:10px;right:10px;

cursor:pointer; }

3. Tekan Ctrl + F, cari </body> dan pastekan coding di bawah sebelumnya.

**gantikan tulisan merah dgn url button

4. Tekan Ctrl + F, cari <head> dan pastekan coding di bawah selepasnya.

$(window).ready(function(){

$('#backtotop').click(function(e){

e.preventDefault();

$('html, body').animate({scrollTop:0}, 'slow');

});

</script>

5. Kalau nak tgk dulu hasilnya leh tekan Preview. Da konfem Save Template.

Selesai..

Pages