Back to top is a nice “addon” u can add on your Blogger blogs. It stays in the end of every page and when clicked gets u back on top.It looks like this:
The very first step
To add this Back To Top “button” first you will need to log in to your Blogger Account. Go to Design and than Edit HTML.
Next, click on Expand Widget Templates(placed in the right top corner).
Search (with CTRL + F by holding CTRL than pressing F while holding it) for: ]]></b:skin>.
After you have found it copy and paste the code below just before it.
padding:5px;
position:fixed;
bottom:10px;right:10px;
cursor:pointer;
}
The very last step
Search for: </body>
When you find it paste the code below just before it.
You are done. That’s it.
Applying some nice Slide effect
This is by choice. If you make this step, when you click on Back to Top the page will slide to top, and if you don’t do this step, the page will immediately switch to top.
To do this search and find: <head>
And place the upcoming code right beneath it.
type='text/javascript'></script>
<script language="javascript">
$(window).ready(function(){
$('#backtotop').click(function(e){
e.preventDefault();
$('html, body').animate({scrollTop:0}, 'slow');
});
});
</script>
You are done! Enjoy your Back to Top Button!
Loading ...
2 Comments
Very useful post….thnx a lot…it really help me a lot…..
nice trick thanks a lot of for this i got it successfully………