Subscribe For Free Updates!

We'll not spam mate! We promise.

Add a "Back to Top" Button to Blogger: 25 Exclusive Design

Posted by: Helal Uddin on 11/04/2013 Categories:

"Back to Top" button is a nice shortcut to back to the top of a web page. In my blog, you can see one of them in the lower right corner. It's very helpful for one. It's also a SEO tool, because when a visitor scroll down in your blog, usually he doesn't scroll again to go to the top. Then, the "Back to Top" button helps him much. There is a Tutorial on adding "Back to Top" button.

How to add a "Back to Top" button to blogger?

You can add also one of them to your blogger's blog. To add your own:

Step 1: 
Log in to your blogger account and go to "Layout".


fluentseo.blogspot.com


Step 2:
Click on "Add a Gadget".


fluentseo.blogspot.com


Step 3: 
Select the HTML/Java Script Gadget from the pop up window by clicking on "+".


fluentseo.blogspot.com


Step 4: 
Now, copy the code given below, 


<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Back to Top"><img src="IMAGE URL" /></a>


and paste in the content box. You can keep the "Title" box blank as the picture given below.


fluentseo.blogspot.com


IMPORTANT:

Look at the code given above of the picture, in the place of IMAGE URL, you have to put the definite URL of Image. Here are 25 excellent images and their URL given below. Look at the Images and copy the "link" (given below of every image) of your favorite Image. Then, paste the URL in the place of IMAGE URL

Step 5:
Then, Save.

Step 6:
And finally, You should click on the "Save Arrangement" button as the picture given below.


fluentseo.blogspot.com


So, Enjoy yourself.


25 Exclusive Design "Back to Top" Button:


       http://media.tumblr.com/tumblr_m1uiqoStxQ1qh7cpd.png


    http://media.tumblr.com/tumblr_m1uhuzgqeH1qh7cpd.png


       http://media.tumblr.com/tumblr_m1uvtgfIie1qh7cpd.png


     http://media.tumblr.com/tumblr_lw4i9edjJ51r43b17.png


   http://media.tumblr.com/tumblr_lw67l2t47l1r43b17.png


http://media.tumblr.com/tumblr_m2cubxUHAF1r43b17.png


http://media.tumblr.com/tumblr_m2curycdve1r43b17.png


http://media.tumblr.com/tumblr_lw72a6AgvB1r43b17.png


http://media.tumblr.com/tumblr_lw72xg11Ir1r43b17.png


http://media.tumblr.com/tumblr_lw2rtepVap1r43b17.png


http://media.tumblr.com/tumblr_lw2rzpZdKG1r43b17.png


http://media.tumblr.com/tumblr_loolicE0XA1qf72le.png


http://media.tumblr.com/tumblr_lusfoyyqXH1qhg8rr.png


http://media.tumblr.com/tumblr_lusfmz6xP81qhg8rr.png


http://media.tumblr.com/tumblr_lusflhSZfq1qhg8rr.png


http://media.tumblr.com/tumblr_lusfmsu4hr1qhg8rr.png


http://media.tumblr.com/tumblr_lusftfJVTS1qhg8rr.png


http://media.tumblr.com/tumblr_lusftpJRsK1qhg8rr.png


http://media.tumblr.com/tumblr_lwhm2fznEe1r43b17.png

http://media.tumblr.com/tumblr_lw72jm3xTW1r43b17.png


http://1.bp.blogspot.com/_JwD5r652h00/SvDBBzoz4II/AAAAAAAAAQw/n9hIomKpQxY/s400/bttp-8.png


http://1.bp.blogspot.com/_JwD5r652h00/SvDBl9PLQ7I/AAAAAAAAAR4/5fV05DNfZ9o/s400/bttp-17.png


http://1.bp.blogspot.com/-L2GNcag0IqQ/UVO8L98zK8I/AAAAAAAAAQw/T4fAXI8XRM4/s1600/rb+back+to+top+8.png


http://4.bp.blogspot.com/-JfDvT8rzXkQ/UVO8JTKX9nI/AAAAAAAAAQM/66zJP1zPdXk/s1600/rb+back+to+top+1.png


http://2.bp.blogspot.com/-vGbwSmxJMQw/UVO6yZ9_HaI/AAAAAAAAAOw/uyiPk3oapao/s1600/Up%2520Arrows%2520Icon.jpg



I Think, it would be helpful to you. Thanks a lot.


If This Is Helpful: Then Please-
SOCIALIZE IT →
FOLLOW US →
SHARE IT →

4 comments:

  1. ভাই আমি টিটি থেকে মাহমুদ কলি আপনার ফেসবুক আইডির লিংঙ্কটা কী দেওয়া যাবে।

    ReplyDelete
  2. THANKS FOR SHARE AWESOME WIDGET COLLECTION.

    ReplyDelete