How to Add Back To Top Button To Your Blogger Blog. +19 Different Styles And More.

By Noble J. Ozogbuda On Aug 23, 2012

Download WordPress Themes and plugins.

More Publications You Missed!

Simplest Way to Activate Micro Soft Windows 10

Jul 28, 2016

KALLYAS V4.5.1 – RESPONSIVE MULTI-PURPOSE WORDPRESS THEME

Oct 13, 2016

Download Free Publisher WordPress Theme v.1.7.5 – ThemeForest

Feb 27, 2017

MUSIC CLUB V1.09 – MUSIC/BAND/CLUB/PARTY WORDPRESS THEME

Oct 11, 2016

Dizzying volumes of data is nothing new

Aug 24, 2012

Grand Theft Auto 4: The Ballad of Gay Tony cheats

Jul 2, 2014

PhotoShine 2017 Full Setup Download With Serials 100% Working

Mar 15, 2017

Download Free Words WordPress Plugin 1.0.6 – ThemeForest

Mar 10, 2017

Prev Next 1 of 119

Free Download Nulled WordPress Themes and plugins.

Today we’ll learn a very easy and important trick, Specially if you have got a lot of content on you blog pages, And if you want your blog to be easy to use for your visitors, A back to top link or button on your blogspot blog will make it easier and faster to your visitors when it comes to fast exploring and browsing.
Ad
Now we’ll see how to add

1. Image Back To Top Buttons With 19 Different Styles
2. Text Back To Top Link with different styles And Colors

1. Image Back To Top Buttons With 19 Different Styles

Step 1

Ok, now go to your blogger account and go to, Dashboard >> Layout >> Edit html >> and please find the following code.

]]></b:skin>

And before it add this code

#backtotop {
padding:5px;
position:fixed;
bottom:10px;right:10px;
cursor:pointer;
}

Step 2

Now find the following code.

</body>

and before it add the next code.

<a href="#" id="backtotop"><img src="Image-Url" alt="back to top" /></a>

But before adding this code to your template please choose your favorite button of the following And change the words in red, Image-Url to the button url.

https://www.ngmtechnology.com/wp-content/uploads/2012/08/nobletop-5.png

https://www.ngmtechnology.com/wp-content/uploads/2012/08/nobletop4-1.png

https://www.ngmtechnology.com/wp-content/uploads/2012/08/nobletop3.png

https://www.ngmtechnology.com/wp-content/uploads/2012/08/nobletop4.png

https://www.ngmtechnology.com/wp-content/uploads/2012/08/nobletop6.png

https://www.ngmtechnology.com/wp-content/uploads/2012/08/nobletop7.png

https://www.ngmtechnology.com/wp-content/uploads/2012/08/nobletop8.png

https://www.ngmtechnology.com/wp-content/uploads/2012/08/nobletop9.png

https://www.ngmtechnology.com/wp-content/uploads/2012/08/nobletop10.png

https://www.ngmtechnology.com/wp-content/uploads/2012/08/nobletop11.png

https://www.ngmtechnology.com/wp-content/uploads/2012/08/nobletop12.png

https://www.ngmtechnology.com/wp-content/uploads/2012/08/nobletop13.png

https://www.ngmtechnology.com/wp-content/uploads/2012/08/nobletop14.png

https://www.ngmtechnology.com/wp-content/uploads/2012/08/nobletop15.png

https://www.ngmtechnology.com/wp-content/uploads/2012/08/nobletop16.png

https://www.ngmtechnology.com/wp-content/uploads/2012/08/nobletop17.png

https://www.ngmtechnology.com/wp-content/uploads/2012/08/nobletop18.png

https://www.ngmtechnology.com/wp-content/uploads/2012/08/nobletop20.png

https://www.ngmtechnology.com/wp-content/uploads/2012/08/nobletop19.png

https://www.ngmtechnology.com/wp-content/uploads/2012/08/nobletop21.png

After Replacing the Image-Url with your favorite button url, it should looks like this

<a href="#" id="backtotop"><img src="https://www.ngmtechnology.com/wp-content/uploads/2012/08/nobletop21.png
" alt="back to top" /></a>

paste it into your template code,

Step 3

Find the following code.

&lt;script src='https://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js'
type='text/javascript'&gt;&lt;/script&gt;
&lt;script language=&quot;javascript&quot;&gt;
$(window).ready(function(){
$('#backtotop').click(function(e){
e.preventDefault();
$('html, body').animate({scrollTop:0}, 'slow');
});
});
&lt;/script&gt;

and then click Save Template
And you are done.

Download WordPress Themes Nulled and plugins.

blogger tips

How to Add Back To Top Button To Your Blogger Blog. +19 Different Styles And More.

Newsletter

Subscribe to Blog via Email