Ok Kali Ini DRobani Akan Memposting Lagi Nih Tentang Tutorial Blog Cara Membuat Back To Top Dengan Efek Bounce Mungkin Di Blog yg lain Udah Banyak yg Post Cara Membuat Back To Top Dengan Efek Bounce Tapi Gak Papa Ok langsung Aja
1. Buka Blogger > Rancangan > Edit HTML
2. Centang Expant Template Widget Lalu Cari Code ]]></b:skin>
3. Setelah Itu Lalu Letakan Code Dibawah Ini Di Atas Code ]]></b:skin>
#DRobaniTop {text-align:center;position:fixed;bottom:0px;right:10px;cursor:pointer; display:none;color:#000; font-family:verdana;font-size:11px;}4. Dan Taruh Juga Code Dibawah Ini Di Atas Code </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() > 100) { $('#IrvanTop').fadeIn(); } else { $('#IrvanTop').fadeOut(); } });
$('#IrvanTop > 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>
5. Lalu Cari Code </body> Dan Letakan Code Dibawah Ini Diatas Code </body>
<div id='DRobaniTop'><img src='URL+GAMBAR+BackToTop' style='margin-right:-9px'/></div>6. Selesai Tinggal Save Template
Jangan Lupa Komentar Ya ^_^
No comments:
Post a Comment
Sebelum Berkomentar Silahkan Baca Peraturan nya.
1. Dilarang Flood
2. Dilarang SPAM
3. Dilarang Live Link
4. Dilarang Berkomentar Memakai Bahasa Kotor / Binatang
5. Dilarang Mencari Keributan Disini
6. Berkomentarlah Dengan Bahasa Yang Sopan
Terima Kasih