Hello to all my visitors . Today morning I saw a comment on trily – blogger template.That my visitor cryptoGATO wanted to add this own favicon instead of default blogger favicon. so this is my todays topic so i m going to tell to you all how to do it. I think you might have seen my favicon Generator that i have made for you all.
So now lets get started :
- Login to your blogger dashboard
- Click on Design
- Click on Edit HTML
- Find this <b:skin><![CDATA[
- Then add the below code above the <b:skin><![CDATA[ :
<link href='YOUR Image Link' rel='shortcut icon' type='image/vnd.microsoft.icon'/>
- Replace Your Image Link with the link of your desired favicon.
- Then Click the preview button. If you can see the favicon on the address on the tab then you have successfully installed favicon.
- Then Click on Save.
J says
Hi, I just tried your tutorial but I can't see the favicon on Safari (on Firefox it works just fine, though). Do you know why?
Ritesh Sanap says
@J
I have downloaded Safari and tested it for best2know.info it is visible. I recommend you to wait until the complete page loads because i have experienced that it loads too late in safari.
Heres an Preview :
Click Here To Preview Image
Riyas - freebie sample 4 india says
I didnt saw this hack in any other blog. I am using a trick by adding code at head part. But it shows favicon in home page only,not in post pages. Will it show in post page also. Then i want to try it
Ritesh Sanap says
@Riyas – freebie sample 4 india
It works on every page if you want to test you can itself working on Best2know.info So this is the best and everytime working trick.