Back To Top Button adalah salah satu widget yang sangat penting untuk blog, karena back to top dapat membantu Pengunjung untuk kembali ke atas tanpa menggunakan scroll bar.Ok kali ini saya akan menshare bagaimana cara untuk memasangnya.
1.Log in dulu
2.Lansung saja menuju Template dan Untuk pertama cari </head> letakkan kode di bawah ini tepat di atasnya.
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
3.Next cari kode ]]></b:skin> dan letakkan script di bawah ini tepat di atasnya
/*Back To Top*/4. Untuk penyelesaian cari </body> dan paste kode di bawah ini tepat di atas kode </body>
#top{background-color:#444;margin:0;padding:10px;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;position:fixed;bottom:10px;right:10px;cursor:pointer;display:none;}
#top:hover{background-color:#E73138}
<a href='#' id='top'><img alt='Back To Top' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWdKV06RrkChw4g7oLNCp5E1FwMOjhHnz2Qn7GVG8yKEhLKS1ZScc273ER-loJA26NahShLLn9phYWvlCs6UFSJK3jy6MoGFk8-KH1-8ZvFnIOXL15zC0DF-55RMSgDJMyyy_1lIQ580GR/s1600/btp.png'/></a>
<script type='text/javascript'>
//<![CDATA[
//Scroll Top
(function(a){a(window).scroll(function(){if(a(this).scrollTop()>280){a("#top").removeAttr("href");a("#top").fadeIn()}else{a("#top").fadeOut()}});a(function(){a("#top").click(function(){a("html, body").animate({scrollTop:0},"slow");return false})})})(jQuery);
//]]>
</script>
Ok, Terima kasih.
http://kang-mousir.blogspot.com/2014/06/memasang-back-to-top-button-pada-blog.html