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.
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.
Choose a button one of them which is suitable to your blog site. And copy the following code to add button on blogger site.
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
- 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
- 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
- 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
- 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
- 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
- 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
- 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
- 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
- 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
- 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
- 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
- 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
- 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
- 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
- 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
- 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
- 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
- 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
- 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
- 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- Sign in your blogger account and go to blogger dashboard
- Now click and go layout>add a Gadget>HTML/JAVA script
- After click on HTML/java script, paste the code. and click save button
Comments
Post a Comment