Add Back To Top Button To Your Blogger Blog, and 20 Different Styles And More

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 , Now we’ll see how to add it

1- go to your blogger account and go to Dashboard >> Layout >> Page Elements >> add a gadget 

and add HTML/JavaScript 

hen copy the following code by changing the ImageURL to your image link:

<a style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" href='#' title='back to top'><img src="YourImageURL" /></a>

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.

 

http://3.bp.blogspot.com/_JwD5r652h00/SvDAnTlDfDI/AAAAAAAAAQY/y

-NAytkDXjI/s1600/bttp-5.png

http://2.bp.blogspot.com/_JwD5r652h00/SvDAnGbH7qI/AAAAAAAAAQQ/q

KtrVmPCBXY/s1600/bttp-4.png

http://1.bp.blogspot.com/_JwD5r652h00/SvDAmyqvA9I/AAAAAAAAAQI/h

ACE99TswzU/s1600/bttp-3.png

 
http://1.bp.blogspot.com/_JwD5r652h00/SvDAmXE1tvI/AAAAAAAAAP4/p

Qk69X73NIo/s1600/bttp-1.png

http://1.bp.blogspot.com/_JwD5r652h00/SvDAmVOZPMI/AAAAAAAAAQA/_

Y2Nd0UZVMM/s1600/bttp-2.png

http://4.bp.blogspot.com/_JwD5r652h00/SvDBBZGgr-I/AAAAAAAAAQg/1

X96vgeWqaw/s400/bttp-6.png0/bttp-7.png 

 http://2.bp.blogspot.com/_JwD5r652h00/SvDBCN6PpfI/AAAAAAAAARA/o

EpqkKnL0Jw/s400/bttp-10.png

http://2.bp.blogspot.com/_JwD5r652h00/SvDBBw_U6MI/AAAAAAAAAQ4/K

DKaH8OTDO4/s400/bttp-9.png 

http://1.bp.blogspot.com/_JwD5r652h00/SvDBBzoz4II/AAAAAAAAAQw/n

9hIomKpQxY/s400/bttp-8.png

http://3.bp.blogspot.com/_JwD5r652h00/SvDBBlYeFHI/AAAAAAAAAQo/l

zY3WpZpwPA/s40

http://4.bp.blogspot.com/_JwD5r652h00/SvDBWWig4UI/AAAAAAAAARI/2

8cXbIDOaqk/s400/bttp-11.png 

http://4.bp.blogspot.com/_JwD5r652h00/SvDBWmm_WTI/AAAAAAAAARQ/x

fyALfcAbZ4/s400/bttp-12.png 

http://3.bp.blogspot.com/_JwD5r652h00/SvDBW6QlhXI/AAAAAAAAARY/6

ZxECjTlMxM/s400/bttp-13.png

 http://3.bp.blogspot.com/_JwD5r652h00/SvDBW-al_pI/AAAAAAAAARg/A

oxlzmp3Kw0/s400/bttp-14.png

 http://1.bp.blogspot.com/_JwD5r652h00/SvDBXF2WGRI/AAAAAAAAARo/F

IPZOwsTTBc/s400/bttp-15.png

http://3.bp.blogspot.com/_JwD5r652h00/SvDBloI2NZI/AAAAAAAAARw/V

I-Li7cPUvM/s1600/bttp-16.png 

http://1.bp.blogspot.com/_JwD5r652h00/SvDBl9PLQ7I/AAAAAAAAAR4/5

fV05DNfZ9o/s400/bttp-17.png

http://3.bp.blogspot.com/_JwD5r652h00/SvDBl0UhsvI/AAAAAAAAASA/g

e0GmH0HkyE/s400/bttp-19.png 

http://2.bp.blogspot.com/_JwD5r652h00/SvDBmIGbP3I/AAAAAAAAASI/c

L5okLpz_C8/s400/20.png

 http://img651.imageshack.us/img651/9625/agtback64.png

________________________________________________________________ 

After Replacing the Image-Url with your favorite button url, it

 should looks like this

<a href="#" id="backtotop"><img src="http://3.bp.blogspot.com/_

JwD5r652h00/SvDBl0UhsvI/AAAAAAAAASA/ge0GmH0HkyE/s400/bttp-19.png "

 alt="back to top" /></a>