Blog yang berisi segala informasi terbaru yang anda butuhkan...

Advertisement

Cara Membuat Back To Top Dengan Efek Bounce

ADSENSE HERE!

Cara Membuat Back To Top Dengan Efek Bounce

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
ADSENSE HERE!

No comments:

Post a Comment

iklan

iklan

iklan

Copyright © Ditentukan Blog. All rights reserved. Template by CB. Theme Framework: Responsive Design