Add Rocket Back To Top Widget in Blogger

Hello everybody, Today we learn a beautiful and amazing blogger widget Add Rocket Back to Top Widget for blogger blog. It is so helpful for visitor and most important for every blog because through this your visitors can go easily back to top.

How to Add this 

Following these steps

Step # 1: Login to your account and go to Template > Edit HTML

Step # 2: Click Ctrl + F and search this </body> tag

Step # 3: Copy the following code and paste after </body> tag

<style>#rocketbacktotop{background: url(&#39;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-GT81e2Sp-34LsajxSQ03bhAsM3vjOKFcpTSmXLkBdwnHFe4HZa219heeu_4dMeQbTjtcWr4R5nT-8jgf8YSXB_fkhainq8wA_pfZC8IetNRhjJUiSE3lRCz5KmIo5T0sl0bAb8Ybvd8S/s1600/back-to-top-sprite-30224d9b.png&#39;) 0 0 no-repeat;height: 130px;width: 72px;padding:5px;position:fixed;bottom: 5px;right: 5px;cursor:pointer;    z-indez:1;}  #rocketbacktotop:hover{    background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-GT81e2Sp-34LsajxSQ03bhAsM3vjOKFcpTSmXLkBdwnHFe4HZa219heeu_4dMeQbTjtcWr4R5nT-8jgf8YSXB_fkhainq8wA_pfZC8IetNRhjJUiSE3lRCz5KmIo5T0sl0bAb8Ybvd8S/s1600/back-to-top-sprite-30224d9b.png)no-repeat;background-position: 0 -142px;}</style><!-- Back to top button by Mourad Elktarni --><script src='http://ajax.googleapis.com/ajax/libs/jquery/1.10.0/jquery.min.js'/><script type='text/javascript'>//<![CDATA[$(window).scroll(function(){if($(this).scrollTop()>100){$("#rocketbacktotop").removeAttr("href");$("#rocketbacktotop").stop().animate({bottom:"0"},{duration:100,queue:false})}else{$("#rocketbacktotop").stop().animate({bottom:"30000"},{duration:8000,queue:false})}});$(function(){$("#rocketbacktotop").click(function(){$("html, body").animate({scrollTop:0},"slow");return false})});//]]></script><!-- Code provided to you by Allblogger.tips --><a href='#' id='rocketbacktotop'/>

Step # 4: Save template 

Done and enjoy.