0:00
Hello everyone, welcome to another video on blogger and in this video I will show you
0:05
how you can add a reading progress bar to your blogger website
0:09
So first of all, go to this article and I have given the link on the description
0:16
So copy this first code and paste it just above the closing body tag
0:22
So go to the theme section and here click on edit HTML
0:28
But before that make sure to take a backup of your theme before changing anything on
0:34
your blogger theme. So you can restore it back to normal by uploading that file from here
0:43
So click on edit HTML, then type control plus F and search for body tag and paste the script here
1:02
Now again go to this article and copy this portion and here type control plus F and paste
1:12
it and hit enter. Then you have to copy this second code and this is the CSS code and paste it just above it
1:30
Now copy this third code and you have to paste it just below the body tag
1:40
So type control plus F and type body and hit enter
1:59
Now save your theme. Okay, now refresh this page
2:14
So as you can see, when I scroll down, the reading progress bar is showing here
2:21
So you can change the color of your reading progress bar by changing the hex code here
2:28
So just type for HTML color code and you can copy a color from here
2:42
So I'm choosing this color and then search for this code
2:57
and then you can replace this code with your HTML color code and then click on update
3:11
Let's see if this is changed or not. So as you can see, the reading progress bar color is changed
3:23
So in this way, you can add a reading progress bar to your blog or website
3:30
If you like this video, then hit the like button and subscribe to my channel for upcoming videos
