Masuk ke akun blogger Anda kemudian lakukan langkah-langkah berikut:
Pertama buka Blogger > Rancangan > Edit HTML > jangan lupa klik Expand Template Widget
Kemudian Copy Kode dibawah ini,
#toTop { text-align:center; position:fixed; bottom:0px; right:10px; cursor:pointer; display:none; color:#000; font-family:verdana; font-size:11px;}
Paste-kan Code diatas, diatas tag ]]></b:skin>
Setelah itu, cari kode </head> dan paste-kan script di bawah ini dibawahnya.
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js'/><script type='text/javascript'>$(function() { $(window).scroll(function() { if($(this).scrollTop() > 100) { $('#toTop').fadeIn(); } else { $('#toTop').fadeOut(); } });
$('#toTop > img').click(function() { $('body,html').animate({scrollTop:0},800) .animate({scrollTop:25},200) .animate({scrollTop:0},150) .animate({scrollTop:10},100) .animate({scrollTop:0},50); }); });</script>
Kemudian, copy kode dibawah ini dan paste-kan sebelum </body>
<div id='toTop'><!-- Back to top animation written by farizemo | edited by taf --><img src='http://picturestack.com/408/690/3RMToTopyonbijEz.png' style='margin-right:-9px'/></div>
Note:
Tulisan yang berwarna biru merupakan url gambar yang nantinya akan muncul di tampilan blog Anda dan bisa Anda ganti dengan menggantinya dengan url gambar lain.
Terakhir, klik simpan.
Silahkan mencoba
0 komentar:
Post a Comment