0:00
Hello everyone, welcome to Key2 blogging and in this video I will show you how you can
0:04
change the default back to top button with a custom design back to top button
0:10
So let's check how you can do that. So go to your blogger dashboard and click on theme and before changing anything make
0:18
sure to take a backup of your theme. So here click on edit HTML and you have to add the CSS code just above the B-Skin tag
0:31
So copy this code first and here type control plus F and paste this code
0:41
Now you have to paste this code just above the B-Skin tag
0:47
So copy this CSS code first and add it above like this
0:56
Now scroll down to the closing body tag and then copy the JavaScript code above the closing
1:06
body tag. Now save your theme
1:18
Let's refresh this page again. So as you can see the back to top button is showing
1:25
But you have to remove the previous back to top button from here
1:29
So for this go to the blogger template again and search for the old back to top button
1:36
And as you can see this is the old back to top button
1:40
Let me just remove this and you have to remove the CSS code from your theme and save your theme
1:49
Now refresh this page again. And as you can see the previous back to top button is removed and the new back to top
2:01
button is added. So in this way you can give a professional look to your back to top button
2:10
I hope this short tutorial will help you add a custom back to top button and improve your
2:16
user experience. And here note that it may slow down your loading speed but it will not hurt your speed that much
2:27
If you like this video then hit the like button and subscribe to my channel for upcoming videos
2:33
like this. I will see you in the next video. Thank you
