Skip to main content

20 Cool (Back to Top) Button Add Your Blogger site

All bloggers tired to make their blogger site more professional. For this reason we add blogger widget, css code to make our site professional.
Today I will go to share a post about "20 Cool (Back to Top) Button Add your Blogger site" which is helps your blogger site more professional.


Back to top Button

When you visit a blog/ website,  you may have seen a Back to Top button, by pressing this button you reach to top of the website. Back to Top button is very useful for your visitor, it is helps to visitor save their time they reach to Top by pressing this button.
This is a small widgets but very useful to your blog readers. To professional purpose, add this button on your blogger site.

Here I will share 20 cool (Back to Top) button, choose one of these and add your site easily.


Button no- 1  

Back to Top Button


  • Copy the bellow code 
<!--BACK TO TOP STARTS-->
<a rel="nofollow" style="display:scroll;position:fixed;bottom:10px;right:5px;" href="#" title="Back to Top"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTjdEh9MdNdlH4s7i9vgkZOZyFhd2dWSUVcNHMcKnwBiLw3WndVYop07zJydqipegMXHqsNb8gLnv0-AHC5ne1P9rUwzi1BMxTUl45Biw8Vb0N6b2TYkfiBSVzCclPbeQ5FTXDODOzqV8/s1600/back+to+top.png "/></a><!--techshoutme.com-->
<!--BACK TO ENDS-->


Button no - 2

back to top button
  • Copy the bellow code 
<!--BACK-TO-TOP-STARTS-->
<div style="position: fixed; z-index: 65535; right: 10px; bottom: 10px;">
<!—www.techshoutme.com-- >
<a href='#Top' title='Gp to Top'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQT3KKACIz0f3HEpkb-n_QXeWte6LpxExI4w4y5fGsYy9xl1PQo56Qikb0ElwWDWqAr9dN0q4TR4BjYPB2oFIpnnnBfH6F7ygoU0hpb_ZtLgnDT7frw3_AvhtLq6ZDhbHwDbiZclSweew/s1600/Back-to-top.png'alt=”go" to top image” /></a>
<!—www.techshoutme.com-- >
<!--BACK-TO-TOP-STOPS-->

Button no- 3
back to top button

  • Copy the below code 
<!--BACK-TO-TOP-STARTS-->
<div style="position: fixed; z-index: 65535; right: 10px; bottom: 10px;">
<!—www.techshoutme.com-- >
<a href='#Top' title='Gp to Top'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7uve4vSN6nLvcBGxbOBYnUQowm4401N8Jqu7v72E0Y5GAFez-htTMJreNLNx4g-5yo286PXZzRptKIjUcuAkDa8C5QjpEtfnrZ-RRINCpJJ33zEiDGxKw8AxfGKqmPbNOdji6Z9AZ6zI/s1600/go+to+top+button.jpg'alt=”go" to top image” /></a>
<!—www.techshoutme.com-- >
<!--BACK-TO-TOP-STOPS-->

Button no - 4
back to top button

  • Copy the below code 




<!--BACK-TO-TOP-STARTS-->
<div style="position: fixed; z-index: 65535; right: 10px; bottom: 10px;">
<!—www.techshoutme.com-- >
<a href='#Top' title='Gp to Top'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhI6ibzNpC1PpP-xklri_yul1sF8zhEeC-m9SF6OEkqA90i0GxwDcmQZD75jUuUE3k7gizzzCg74EUGiyJFOhAQpPReyVH8NZiTCtQc6fOPkMXxGkvPekPnh5zr2ywmMn9q9f6NtBlwNT0/s1600/go+to+top.png'alt=”go" to top image” /></a>
<!—www.techshoutme.com-- >
<!--BACK-TO-TOP-STOPS-->

Button no- 5
back to top button

  • Copy the below code 
<!--BACK-TO-TOP-STARTS-->
<div style="position: fixed; z-index: 65535; right: 10px; bottom: 10px;">
<!—www.techshoutme.com-- >
<a href='#Top' title='Gp to Top'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1ggH3quSdQPo0nZS3zEFD3aSdURkR_cMjAYjnYuH5c07WRvzhFx4vRlyJTTdzm7ep5C1pmSnc-4Y9sY3JBjxh-zI0mkXKOko6EUJGBoG2pmokTtQZcu5xX5__IYTIzopRbeS_CVKyHqo/s1600/jump+to+top.png'alt=”go" to top image” /></a>
<!—www.techshoutme.com-- >
<!--BACK-TO-TOP-STOPS-->

Button no- 6
back to top button

  • Copy the below code 
<!--BACK TO TOP STARTS-->
<a rel="nofollow" style="display:scroll;position:fixed;bottom:10px;right:5px;" href="#" title="Back to Top"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIpOFLkOiO76PpWwO2bVxEO2ZWaRI3gT4mpffQHJy2vLqQIl1Hct_OnLSwqjrGv8uXr8qD1faN7He1qk24YCehSUehPnJqR1t_rLaoYTrD5C2gXSEVUm45rPc0QTv-9wb1b5MIDuTLorw/s1600/back+to+top+button.png "/></a><!--techshoutme.com-->
<!--BACK TO ENDS-->

Button no- 7
back to top button

  • Copy the below code 
<!--BACK TO TOP STARTS-->
<a rel="nofollow" style="display:scroll;position:fixed;bottom:10px;right:5px;" href="#" title="Back to Top"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhr5EXFy1BfuqzkAddQS7VKZVF7nKe7xDoRdCf2BiEWRwXGX7P5218nPrUlxBKLkngLTy9ywSotNTk8kU2g05IhcJ59gyj7Wb_-8JE_xi2jcVwaASHzjg-CPdTj0WLkIVxKbkQQZ7CGFw0/s1600/back-to-top-button.png "/></a><!--techshoutme.com-->
<!--BACK TO ENDS-->

Button no- 8
back to top button

  • Copy the below code 
<!--BACK TO TOP STARTS-->
<a rel="nofollow" style="display:scroll;position:fixed;bottom:10px;right:5px;" href="#" title="Back to Top"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVL_cwTavpOwEE5cRlK99xOY5XEaBeZ7WBs_n-Tgu8scUpSy6YqhPyI1AXSML5AFoFign2QzJMIlL99qLxLD5lMo8UdP6lpm1hC_4Ny5myeifQxTPTCWFJqhnohUBttvSp3eO7tlw6in0/s1600/back+to+top.png "/></a><!--techshoutme.com-->
<!--BACK TO ENDS-->

Button no- 9 
back to top button

  • Copy the below code 
<!--BACK TO TOP STARTS-->
<a rel="nofollow" style="display:scroll;position:fixed;bottom:10px;right:5px;" href="#" title="Back to Top"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHzyEddMkC2dV85C99nHUTK0FA_kUCoAEcbDBcAm33lYdeU6R5UxhzG7k8TW8AZsSI1CazqONvTXNJwBVEMTkkY8q0Wx98FwYBx-ImUkSR4yHSYgnlo2pFe_yBzZr_FjMrCMxNRBMJwoM/s1600/back_to_top_button.png "/></a><!--techshoutme.com-->
<!--BACK TO ENDS-->

Button no- 10 
back to top button

  • Copy the below code 
<!--BACK TO TOP STARTS-->
<a rel="nofollow" style="display:scroll;position:fixed;bottom:10px;right:5px;" href="#" title="Back to Top"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_4uJSf9fv4l6UWG44TYoFVa1JVuePBD8mthh4xiB8yRkjRv2vTN79m0tAbY7UM7ILvYnhIm6UNrKjc2m3bJ3t4gD4pxxPrW5KvpX7b0f8Z3Owxb96kafLrAsW99NUMLKgfeytuM8LTWY/s1600/back-to-top-button.png "/></a><!--techshoutme.com-->
<!--BACK TO ENDS-->

Button no- 11 
back to top button

  • Copy the below code 
<!--BACK TO TOP STARTS-->
<a rel="nofollow" style="display:scroll;position:fixed;bottom:10px;right:5px;" href="#" title="Back to Top"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhY-6n-CZgj_WlQXvvcWyBpRP_NmsDLCTHknn05TQo4Ska89PmwFKoGCsTEvqC-9uG2j8NAsAOPhxgE73TJGrvjpPPJy7ucrM9IarI44zJpI07sP39bTWU8sUX-UQSBZ4pve4Ug1La6TGs/s1600/back+to+top.png "/></a><!--techshoutme.com-->
<!--BACK TO ENDS-->

Button no- 12
back to top button

  • Copy the below code 
<!--BACK TO TOP STARTS-->
<a rel="nofollow" style="display:scroll;position:fixed;bottom:10px;right:5px;" href="#" title="Back to Top"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTxCpqdzuKmWmPb3eQ_LjNJBhnQ0AzZV6cdf1cmJdaf3sMicWsdIQaLILukK96r8tCdGpCOvoS_NcAKjGIxOMvkBOOpF3zgHYnkfCbIjh9j1xAC6vbn6r3RCYqJjZBtF-DluiYf_3em3o/s1600/back-to-top-button.png "/></a><!--techshoutme.com-->
<!--BACK TO ENDS-->

Button no - 13
back to top button

  • Copy the below code 
 <!--BACK TO TOP STARTS-->
<a rel="nofollow" style="display:scroll;position:fixed;bottom:10px;right:5px;" href="#" title="Back to Top"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSBKpuDfmy7uTDlSFGWMk66TV1Qn3bjmmk2Ihlsa9Km_sW0p3GLEVqr0kkyXyfoJlczm1Z6C6Z7gPPnzuZ2j1KmEeHy-_4GrnOdMXMIipmh9WDp7QR3KnZ72pN7lNFioGfXSjhzlZnRus/s1600/Back-To-Top.png "/></a><!--techshoutme.com-->
<!--BACK TO ENDS-->

Button no - 14
back to top button

  • Copy the below code 
<!--BACK TO TOP STARTS-->
<a rel="nofollow" style="display:scroll;position:fixed;bottom:10px;right:5px;" href="#" title="Back to Top"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizFwq7RPXQSIrLjtKrnRrr163UU1BEuItaWHeQrVianYwr9pPmRV1CTMVvKH6fTfjiMRLukmMm44jLhkivcBLmVi9nCGj_KoYnlPkQ5CFpweZRSWUUDam7tG_WjUYGgQO63pHmusRklrs/s1600/back+to+top.png "/></a><!--techshoutme.com-->
<!--BACK TO ENDS-->

Button no- 15 
back to top button

  • Copy the below code 
<!--BACK TO TOP STARTS-->
<a rel="nofollow" style="display:scroll;position:fixed;bottom:10px;right:5px;" href="#" title="Back to Top"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNvThcUtv0seRK2Lqc-mtMNexlbk9PkrZj9hpxYHGsxVfPB6cMTGhgQ4ProbEAgcrplBACfpBItUvQDz7HMmX_Kc0HSieX3j0NT5_FcvBuaESG2zWIUnKCtXuuo3GGOd68uzPm1RXE954/s1600/back+to+top+button.png "/></a><!--techshoutme.com-->
<!--BACK TO ENDS-->

Button no - 16 
back to top button

  • Copy the below code
<!--BACK TO TOP STARTS-->
<a rel="nofollow" style="display:scroll;position:fixed;bottom:10px;right:5px;" href="#" title="Back to Top"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMo-iYFxOAjh_FW5E8FgZd3Pro5uP4ZVY-pBe4ScY1oixp5fSJAmIw7hhP1LCqSl_QqBgC6MxIZU5Ov_dRohcWfoe-ytldrwXcA_0S-wG-cxwVg2WKC_LXJTZsqM3yn_LNPwtIxdNyTTA/s1600/Back-to-top.png "/></a><!--techshoutme.com-->
<!--BACK TO ENDS-->

Button no- 17 
back to top button

  • Copy the below code 
<!--BACK TO TOP STARTS-->
<a rel="nofollow" style="display:scroll;position:fixed;bottom:10px;right:5px;" href="#" title="Back to Top"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6WWt1lPj-wsDEYP4xZ4WTatR71oSjZT95Q8gInGqbZwLD1FH0d8Sx3CWdUBpDyRbjKc6iCjSb08M_WTZcdE016VPE7yra_2cC28MvL0CPyrRIg4LohSnaPX9oF2m-wSUSTHLw0YW8aSg/s1600/back+to+top+button.gif "/></a><!--techshoutme.com-->
<!--BACK TO ENDS-->

Button no - 18
back to top button

  • Copy the below code 
<!--BACK TO TOP STARTS-->
<a rel="nofollow" style="display:scroll;position:fixed;bottom:10px;right:5px;" href="#" title="Back to Top"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkNRA3i8bp-di84QdJ2aLQ5c44XuNmAIDkfjyy7e7zkFKL43Njegakj2-cCtS2ECbyMgKvk2OnB80cBOby2kxpSvJTNzayl-DMuat6rSytdSWrJ-b6ez2PynYmTS1ETccZRRi2wNLRVhA/s1600/back+to+top.png "/></a><!--techshoutme.com-->
<!--BACK TO ENDS-->

Button no- 19
back to top button

  • Copy the below code 
<!--BACK TO TOP STARTS-->
<a rel="nofollow" style="display:scroll;position:fixed;bottom:10px;right:5px;" href="#" title="Back to Top"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcsAj8jptxdczwXY3ajEpDp7xPnA4cIBzVXCcQBp7_x_Y67x66Yv6zEOzp82IVAbob8tNbVf8B0dIQQaUmYxAPI69yeqIP50Cmo6as1K-fEPjWnZioVrhMEwj3Ik762MGMCo9fHxwyPlM/s1600/Back-To-Top.png "/></a><!--techshoutme.com-->
<!--BACK TO ENDS-->

Button no- 20 
back to top button

  • Copy the below code 
<!--BACK TO TOP STARTS-->
<a rel="nofollow" style="display:scroll;position:fixed;bottom:10px;right:5px;" href="#" title="Back to Top"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDc9LDgAMJfFqaVCaMUWWbWKfB3JFW-AvaS6kC4KvKagwNtnbUlFFJZgKWxXTprd6taFLYKoa90kUEqIWkZJXPDdTGexfdPIBR5vpuZ3OYmXHL0XMCxMxOq_ECsyO0eUMkzs0p5H-avcc/s1600/back+to+top+button.gif "/></a><!--techshoutme.com-->
<!--BACK TO ENDS-->

Choose a button one of them which is suitable to your blog site. And copy the following code to add button on blogger site.


How to add in blogger site 

It is very simple to add (Back to Top) button in blogger site. Just follow the below steps
  1. Sign in your blogger account and go to blogger dashboard 
  2. Now click and go layout>add a Gadget>HTML/JAVA script
  3. After click on HTML/java script, paste the code. and click save button
    back to top button add blogger
You are completely done to add (back to top) button on your blogger site. Now visit your site and check.

Comments

Popular posts from this blog

How to Design / Style Sidebar Title in Blogger?

Do you run a blog on blogspot platform? If your answer is yes !!! Today I will be going to share with you how to design style sidebar title of your blog. Blog design is an important part of blogging. It indirectly affects of your blogs overall SEO. How?  A good design blog gets more page view so that the bounce rate will decrease. So if you want to make your blog more attractive, today's article is only for you. Designing Sidebar Title in Blogger Making cool and awesome of your blogs sidebar widget title is an easy task. Just apply the below steps: Log in to your blogger account and got to edit HTML of your blog template. >> Backup your blog template before change anything <<< After that, click on anywhere inside the coding area and press Ctrl F & search below code.  ]]></b:skin> Once you have gotten the above code. Now paste the below CSS code just above the  ]]></b:skin> code.  # PopularPosts2 h2{ backgroun...

How To Find Thousand Of CommentLuv Or KeywordLuv Blogs

There is no doubt that blog commenting is an awesome and great way to get quality backlinks instantly. Not only link building it also helps to promote a new blog and giving a thousand of visitor. Most of blogger specially newbie tired to find out Commentluv and keywordLuv enable blogs to put their comment and get number of quality links for their blog. In my blog Techshoutme here I almost share lot of post about increase backlinks .  And also sharing lots of dofollow high PR blog commenting site list. I know these sites aren't enough for you. You may be searching Google to get blog for commenting.  Today I will be going to share a great post and discuss with you an awesome tool that will may help you most. Now you will be able to find out a thousand of blogs easily and also getting lot of quality back link. Let's have look about this online tool and how is it work !!  Finding Commentluv / KeywordLuv Blogs   Hopefully you may already know about comme...

A List of Free Article Submission Sites to Increase Traffics

Article submission sites is one of the great resource to increase your blog / website traffics free as well as get high quality back links. SEO basis is become harder day by day, currently it is so much difficult to get traffics. But there are so many of page seo tricks that every internet marketer follow to generate traffic. Like Guest blogging Blog commenting Social media marketing   Article submission   From the above list article submission is one of the best ever way to promote your webpage. So if you're ready to submit your article on the article submission websites, then you are in the right place. Today I will be sharing with you a list of article submission sites. These websites is popular and they has a well Google page rank. S. N Site Link PR 1 Technorati 7 2 Thefreelibrary 7 3 Ehow 6 4 Squidoo 6 5 Ezinearticles 6 6 Gather   6 7 Hubpages 6 8   Articlecity     5 9 Business ...