0:00
Hello everyone, welcome to Key2Blogging and in this video I will show you how you can
0:03
add a favicon to your blogger website and how you can fix any favicon related problem
0:09
in blogger. So here as you can see there is a default favicon in this website
0:14
So let's check how you can add a own custom favicon to your blogger website
0:19
So to do this first we have to create a favicon icon
0:23
So let me just create a new tab and here search for favicon generator
0:29
Now click on the favicon.io website and here you will see three options
0:35
You can change your images to favicon or you can add a text as a favicon or you can add
0:41
an emoji as a favicon. So let me just select the text icon and here you can select the text
0:49
So for this I will type I and here you can change the preview of the favicon icon
0:56
So you can also change the background like square or you can add a round favicon and
1:03
here you can change the font. So let me just change to lato and it will change the font
1:08
So here you can select any font that you like. So let me just select another one
1:15
So here I will select Goldman and here as you can see the icon is changing and you can
1:21
also change the font variant. So by default there is two options
1:26
One is 400 that is normal and bold 700 and you can also change the font size
1:32
So I will leave this as default and you can also change the font color
1:37
So let me just select the font color to white and here change the font background to red
1:45
Now you can download this favicon icon and it will download as a zip format
1:51
So here let me just open this folder and let's extract this
1:59
Now you will see the favicons here. So let's go to your blogger dashboard and here click on setting
2:09
Now here you will see a option called favicon. So click on it
2:15
And here you have to click on the choose file option and let's select the favicon
2:21
So let me just select this favicon icon and click open. Now click on save
2:29
And the favicon icon is added. So let's refresh this. And as you can see the favicon icon is changed and it will take some time to change the favicon
2:40
icon across search engines. And if you still have favicon problem in your blogger website, then go to the blogger setting
2:48
and here click on theme. And here click on edit HTML. Now you have to add a little code snippet below the head tag
2:59
So just copy this and paste it just below the head tag so that it will tell the browser
3:07
to show the favicon and it will also help search engine to identify the favicon
3:13
Now you can save this code and the favicon icon will show perfectly in search engine also
3:20
So I hope you got the idea how to add a favicon to your blogger website and how to correct
3:25
if there are any favicon related issue in blogger. And if you want to add a hero section like this to your blogger website, then I recommend
3:34
you to watch this video and I will leave this link in the description
3:38
I will see you in the next video. Thank you
