How to Add a Favicon to Blogger
Favicons on Blogger
This post will show you how to add a favicon to your Blogger blogs.
What is a favicon?
Let me show you.
A favicon is simply a little mini graphic that appears in the tab box of your browser. Does it help you in regards to SEO? Nope but it does make that ugly Blogger image disappear and gives your blog a little uniqueness.
Adding a favicon is actually really simple and any technically challenged person can do it in a matter of a few minutes.
The first thing you will need is a picture to be used and have it uploaded on your computer. Keep the photo under 1MB in size.
Next go to this site. Free Favicon Generator
You will see the tool shown in the image below. (click all images to enlarge)
Hit the browse button and find the photo you want used stored on your computer.
Once you have selected the desired photo just click the upload button. This will create and store a .ico photo on the server used by the tool. An .ico extension is for windows icon.
You will now see the following screen.
Just cut and paste the code in the lower box into your Blogger Template.
In Blogger;
Go to Layout - Edit HTML - Expand Widget Template - You will see a version of the screen below.
Insert code just above the < /head > tag, click Save Template and you are done. Your photo will now show up in the tab on your browser when your site is loaded.
Cheers
Griz
I always wondered how this was done. Now I know.
ReplyDeleteCan't wait now to find a favicon to use.
Can we do the same technique to WordPress blogs as well?
Thanks for sharing!
Hi Denise,
ReplyDeleteHope all is well.
Yup - you can do the same with WP. Just add the code before the < head > tag just like Blogger.
Great!
ReplyDeleteLike you said won't make me any money but just a fun thing to do.
I just tried this Favicon on my new Blogger Blog and could not get it to work. Is it because it is new?
ReplyDeleteBy the way what is the
< meta content=" that you have blacked out? Is this a secret weapon?
Griz,
ReplyDeleteIn the diagram that was up here b4, you blacked out something - you haven't done it this time (I believe this is a 2nd posting of the diagram). If these were ID numbers, you should black them out again and re-upload the image again. You don't have to post this comment on your site... Veraz. (panamacitybeachhotels.blogspot.com, and other sites...
Thanks Veraz - Just a verification for Yahoo - not anything of importance. I had to change location of the code so I uploaded the shot again.
ReplyDeleteGriz,
ReplyDeleteI would love to see a post about placing affiliate ads on blogger. I have never placed an affiliate ad of any type on a blog. So, It is brand new. Is it as simple as putting generated url onto the blog? Kind of like stat counter?
Thanks,
Thanks!!!
ReplyDeleteNice post!!
Thanks for the info! I always reckon that a favicon makes a site look just that bit more professional.
ReplyDeleteI can't do it!! But i think it is because i messed with the html already. I uploaded one of those templates from eblogger.com (i think thats it anyhow). I put it just before the head, can't make it work though...
ReplyDeleteAngie - did you put it right before the
ReplyDelete< head >
or
< /head >
It should be the second one.
Grizz
ReplyDeleteHow do you get your picture nest to each post?
I got the Favicon in the browser window but don't know how to have it show up on each post.
Grouchie,
ReplyDeleteDamn - been a while since I did that. I'll have to look for the code and I'll slap up a post as soon as I find it.
Thanks that would be great!
ReplyDeleteGriz,
ReplyDeleteHow do you take all these screen shots? I tried doing this with print screen and it never comes out right. Do you have a special program that you use for your screen shots? They look so nice and I would really like to be able to replicate this on some of my posts.
Hi Grizzly,
ReplyDeleteThanks for this important tip! I have been looking for this for a couple of days now.. Have a nice day!
Hello Grizzly,
ReplyDeletethank you thank you thank you thank you. You are my new hero... :-))
Thank you so much for sharing this wonderful tip. It makes my blog looks nicer ;)
ReplyDeleteGood, Man...
ReplyDeleteheyy, thanks for sharing..but i have problems.. i alrdy did the all steps but the icon wont change..what i must to do now? help please.. thanks so much (:
ReplyDeleteHey there Grizzly..noticed you haven't posted here in a while maybe time to come out of Hibernation? Have you tried do add your own favicon to blogger lately..I did try your technique
ReplyDeleteThanks a ton it has been a good help, now to add a favicon to blogger is simple and easy utilizing your advice. Kudos
ReplyDelete