Kenapa sangat mudah? Karena anda akan saya kasih tau tips nya.. :O
Kenapa Penting? Karena bisa mempercepat pengunjung untuk kembali ke bagian paling atas halaman blog kita tanpa harus "scrolling". Dengan begitu mereka bisa dengan mudah mencari navigasi lain blog untuk berlama-lama disana. Hal ini merupakan salah satu cara membuat pengunjung merasa betah dan nyaman di blog. Mau tau caranya?
Berikut Cara Membuat Tombol Back to Top:
1. Login ke akun Blogger anda
2. Plih Layout > Edit HTML
3. Paste kode berikut sebelum kode ]]></b:skin> :
#backtotop {
padding:5px;
position:fixed;
bottom:10px;right:10px;
cursor:pointer;
}
4. Selanjutnya, cari kode </body>. Paste kode berikut di atasnya:
<a href="#" id="backtotop"><img src="LINK-GAMBAR" alt="back to top" /></a>
Ganti LINK-GAMBAR dengan link / url gambar back to top anda.
5. Langkah terakhir, cari kode <head>. Paste kode berikut di bawahnya:
<script src='http://tipsbloggerzacky.googlecode.com/files/jquery13.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>
5. Terakhir, klik Save Template untuk menyimpan perubahan.
Selamat mencoba...
============================================================
0 Respon:
Posting Komentar