Cara Membuat Back To Top Dengan Efek Bounce

Kali Ini Saya Akan Berbagi Tutorial Blog Untuk Anda Yaitu : Cara Membuat Back To Top Dengan Efek Bounce - Caranya Sangat Mudah Kok,Caranya Mudah Tapi Hasilnya Keren.Meskipun Caranya Mudah Tapi Tutorial Blog Ini Dapat Memberatkan Blog Anda Sedikit.Berikut Cara Membuat Back To Top Dengan Efek Bounce Ayo Kita Bahas :

1. Login Ke Blogger ( Pasti )
2. Masuk Template > Edit HTML > Cari Kode ]]></b:skin>
3. Jika Sudah Ketemu Copykan Kode Di Bawah Ini Tepat Di Atas Kode  ]]></b:skin>

#BackToTopMM {text-align:center;position:fixed;bottom:0px;right:10px;cursor:pointer;        display:none;color:#000; font-family:verdana;font-size:11px;}

4. Kemudian Cari Lagi Kode </head> Jika Sudah Ketemu Copykan Kode Di Bawah Ini Tepat Di Atas Kode </head>

<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() &gt; 100) { $(&#39;#BackToTopMM&#39;).fadeIn(); } else { $(&#39;#BackToTopMM&#39;).fadeOut(); } });
$(&#39;#BackToTopMM &gt; img&#39;).click(function() { $(&#39;body,html&#39;).animate({scrollTop:0},800) .animate({scrollTop:25},200) .animate({scrollTop:0},150) .animate({scrollTop:10},100) .animate({scrollTop:0},50); }); });</script>

5. Kemudian Cari Lagi Kode </body> Jika Sudah Ketemu Copy Kode Di Bawah Ini Tepat Di Atas Kode </body>

<div id='BackToTopMM'><img src='Ganti Dengan URL Gambar Kamu' style='margin-right:-9px'/></div>

6. Tekan Tombol Simpan Template

Terimakasih Karena Anda Telah Membaca Artikel : Cara Membuat Back To Top Dengan Efek Bounce

Share on Google Plus

About Unknown

This is a short description in the author block about the author. You edit it by entering text in the "Biographical Info" field in the user admin panel.