Cara Meletak Back To Top

Assalamualaikum dan Salam 1 Malaysia ..
hari ini...fiekry akan tunaikan hasrat bestfrez fiekry...sebab dia nak sangat letak BACK TO TOP...kalau ada pun tak ada pilihan...hope yang ini ada pilihan...hehehe...


1. Ok sekarang pergi ke Dashboard > Layout > Edit HTML > ( tekan F3 )


    (  ]]></b:skin> )


2. dah jumpa code yang nombor 2 tu ....paste code ini atas code nombor 2 tu....


     #backtotop {

padding:5px;
position:fixed;
bottom:10px;right:10px;
cursor:pointer;
}

3. dah siap isi...ok cari pula code
( </body> )


4. dah dapat paste code ini di atas code nombor 3 tu...


<a href="#" id="backtotop"><img src="Image-Url" alt="back to top" /></a>




*merah = ambil url - gambar di bawah...letak code url - gambar tu kedalam yang berwarna merah tu...

http://i1109.photobucket.com/albums/h426/fenafenn/
back_to_top_button_yellow.png

http://i1109.photobucket.com/albums/h426/fenafenn/
back_to_top_button_purple-1.png

http://i1109.photobucket.com/albums/h426/fenafenn/
back_to_top_button_purple.png

http://i1109.photobucket.com/albums/h426/fenafenn/
back_to_top_button_pink.png

http://i1109.photobucket.com/albums/h426/fenafenn/
back_to_top_button_blue.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiq7OPP_2VEkv_fnlnxZ5GjgLb70iamoUcCwikQMH0LWnoCPSxk52A9TI8lbruGiTFRZROdNG7bKV5iPFliodtkZtlRUGtipz5tct7ut89YRYnhFqE7uMlZN-cZ23LzWdY-cJyGjVa0lRI6/s1600/bttp-5.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDaUA3pY8Sf6js0eA3wRLKwA54YrxdRty0Q9EquQ2O3soK-ayZbn1gqEi94UbuRsUASWFFT9f4Na9ptcUiw1TmlXQs104LZ0R52U8RD5kpS2CkpHXS_IdR8Nq_NjHRXGwTj4R4WRk6uI9e/s1600/bttp-4.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlFP64-MAP23YsHUtSuvq7tl3T5AXSPZqispEMwDMhf-2WO6aBOQBSHIVOhi6Yg15wRaRAIlvNGSHhEyS3OLWNnrdWvpF6IMf0dTWtnmXzrCr3i7cw6p2wRZpLVtq4I-p1DjCD6IekZODi/s1600/bttp-3.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAKSniTxqsI-pa09OzDMO9wqVd2CRtT6R6xTD270O-qqYR5oZTIw85MsxVHjDCiWypwmNdDsa6ONDbVt1S6Fs7s95IQP2ZBBgFS4bAKGJh9I8gdc-sEgzDLePu5UT1ITjgsthqTlRO5ERL/s1600/bttp-1.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgi132OvImSRwIRUn7XqMiGDUsFkjEm3q4oUJLKK7sUODtP5jD9ZHyBh1Hj-oADW-xvrvU6gMvXGNYgfG2D-QqMmgOWCGUg1cW7xt8E8lN6qcx-K-LEABfhOsRkYXemfMmR0_6FqUIpT1ay/s1600/bttp-2.png

http://4.bp.blogspot.com/_JwD5r652h00/SvDBBZGgr-I/AAAAAAAAAQg/1X96vgeWqaw/s400/bttp-6.png0/bttp-7.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpZ0qiP0gQX3J1doJ6JOwG_UJIIj6KK3907Fujh2ca99kwXYoWzTgfXj8kr9k-u8alsgzaHvxCX7tvY3nzVI2SL3y5GOqRcftmrXeMcE-xbBLWVQtw7u_06W2pIZ-f35L7xeWOO9P6imSF/s400/bttp-10.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidSvrrIbam6nbyg9qm6q_AIhnT-Kucnxdy3E4oT73ZMgS4_VV71sT8KUVnwFC_JiKGyb0hM1NldWyKnF7A76Qr6TiJxJ5zi39Iciw_VI9uA1pVxvGH7sJ2476FIi_Xe9xHp0wCR1GoKbPR/s400/bttp-9.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIvYFvy9Z1JGZc7GLzVPXW_TcT45pSFy7QJ3koI65Di4q4FMpjwkWfeSIrk8sxXbj51MllCz6dbx5pt9XjjsbDxHBPRYiIMMotQPuPkX01eq-yMKyPrURO29gbkFA39K5iDcTaaLAWISzd/s400/bttp-8.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4DDPzpoZWZ2lOdWL1MtusdxE4yaksUfIf-XAt1MpC2ad_7rbkrzA9Q-FyaRnMXAdVq18wJWL3auAmOyOUC4gnfFsxwXIZDUcVjHX9yabYvevURBogJsxopwEsMXnWmzRyBwQoARupO5zc/

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIj5IMa4GdAqN7P5Mi6nqpo0MpwYR2lX9fMPs1yvhXKZPgTUTJ773u-BPJUi0TBmFT-jHM-vYyJzQFh6D-Y4y8xEwtADHt-tiSlWgpBoyZlAgl70_jmPuTm8sVoeFv51ptlSV3avGXpU2J/s400/bttp-11.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDzivBvwh4joUkLJ-X9AUNVeGGMk4OcZkBQM5yTdhKtN0Apk4wn7xz5admvZg3iJITTAT95ZVkFnYuA8euPUwVFKcfyERcEjcH-ArhKkjVmA4Q_9ss_8M2FRfG3RWHbOeP12Y6UA4Uu26H/s400/bttp-12.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvK0LBj6xWQpnikYbV8aO-Pzig1VtUIwdVJvSU4DyhkLq-zi8ZWixtqXXtbpdjUITf-gn2xjLFruLbBH1NshUQJ4JS6A_h52_7G96RPQ84Fw10o8dtz7dk-VnrmbsjuqRLftz_PZYbiYUm/s400/bttp-13.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmegOOgsD6elWqE4QdaeBBzmTYQtTQzdRUz6wmyZ790MQP8Q_TpsxhbTN_WYxKUio7kap0J8knAZoUNpJA_GyN3hVnq51tDmzdzK6DkQ2uU3s2DoeQ5lB9urV-IlLm0YY1xQEmCPht2Rb1/s400/bttp-14.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCBokY6biEJd7JQQ0qr2gjFNeJPhV1p-YPtQmflgMtx8lAYOB3IWjETUolRIG8E8IfYfE5Iu9hljuN4A6HHxp_FPcHnhez7PB98GJR3yOm9XL1SRNHx5nk9DeFzfkRqAmMqObUUXPGitOw/s400/bttp-15.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7s5uCpFndCCqWdhhuzHdr83ZKSP5y_LM8iZRrlCZSrrY76uq4B0Bxbc8hXcmUFPQ60B7rhDzhnz1vwH5z1DhgLhtO1hAEkVxVh7bTZ7yP1ZW977ArtsWltXXI74-3dov1iF4A2_vctd6S/s1600/bttp-16.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfWfqjCF35OmBInSIkIqEHttSjG0ZigMuJRQppoxkBqubfGtkJAqetSeRU_ttUeGZi1tjGCrBkc608uaDKC68qVsfcHHQc1W5c9gZ5vZrzKLZsK_50XCPmhIJhSmwkGHslEZ-4FyJXyL80/s400/bttp-17.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNapcVZsBigI7c5i9ddh8Ap-5P8uXPYVARNG-VqInt1HnQRtjGMWL8WLf5WxgXQv8SMl43-QuP2RN-SqXyOZbUa6bUbM2OAD0PBpYjiWSMnrj_BQaKsh_-g8oBybiQKBEtY6Xk0VvdiG56/s400/bttp-19.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEOMxooAkT8dtrRQOrpvx6WyX6JMU-WftG3lQODXBXlU5V1Ci2BGxG8s0RjGoYYcMRoQJAHlL8ya4CwzzX7V0bCodDOorLhj27M2C2rfXfzqNI7e1dO-CtnGvBLgWwqzmvJFfIOtT5WC3a/s400/20.png

5. copy code ini pula...still menggunakan ( tekan F3 )

<head>




6. dan paste code ini selepas code nombor 5...

    

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js'
type='text/javascript'></script>
<script language="javascript">
$(window).ready(function(){
$('#backtotop').click(function(e){
e.preventDefault();
$('html, body').animate({scrollTop:0}, 'slow');
});
});
</script>

7. dah siap smua step tu...so preview dahulu..tengok jadi atau tidak...lau jadi maka save k...hope korang semua faham... selamat mencuba =)