How to add hovarable back/scroll to top button to blogger blogspot Steps to add this button to blogger blogspot:- 1. Go to blogger ...
How to add hovarable back/scroll to top button to blogger blogspot
Steps to add this button to blogger blogspot:-
1. Go to blogger > Theme > Backup your theme (its important to backup your theme, because if you did any mistake your completely theme will be changed, if you do backup your theme you can restore it afterwards).
2. Then click on edit Html.
3. Now click on anywhere in the code box, and press ctrl+f(your search will be activated)
4. Now search for </head> and just above it paste the following below code:
2. Then click on edit Html.
3. Now click on anywhere in the code box, and press ctrl+f(your search will be activated)
4. Now search for </head> and just above it paste the following below code:
*You can change the button color background-color:black,but i have used black color.Replace it any color whatever you want.
*If you want to change the button hover background-color background-color: orange; just replace it with your desired color.
*If you want to change the button hover background-color background-color: orange; just replace it with your desired color.
5. Next search for <body and just below it paste the following code:
<button id='myBtn' onclick='topFunction()' title='Go to top'>↑</button>
6. save your theme .
7. Now click on mobile theme and choose custom mobile theme.
8. Finally save your theme and see how's it looking. You are done.
8. Finally save your theme and see how's it looking. You are done.
No comments