advertisement

Cara Membuat Back To Top Dengan Efek Bounce

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
thumbnail
Judul: Cara Membuat Back To Top Dengan Efek Bounce
Rating: 100% based on 99998 ratings. 5 user reviews.
Ditulis Oleh

Artikel Terkait Blogging :

0 comments:

Post a Comment

 
Copyright © 2013. http://caramuslim.blogspot.com proudly powered by Blogger
Template Seo Elite oleh Bamz