Last week I got an email from a blogger asking “What is a favicon? And how do I customize it?”
What a perfect question! Today we are going to talk all about how to add a favicon to your blogger site.
What is a Favicon?
First of all, a favicon is the cute little picture next to your url in an internet browser. Depending on which browser you are using it might look a tiny bit different. Here are some examples ::
Top – Favicon in Safari :: Bottom – Favicon in Firefox
How to Add a Favicon to Blogger
Customizing your favicon in Blogger is very simple.
First you will need to create your image in photoshop, paint, gimp, etc…
Make is an exact square, 30px x 30px. Then save that image to your desktop.
Navigate in your blogger dashboard to the layout tab. You will see “Edit” next to the favicon area.
Once you click edit a new screen will pop up where you will be able to upload your image and save.
And now you have a customized favicon!
————————-
Browse more blogging tips & tutorials here!
Kendra @ Key Lime Digital Designs
Latest posts by Kendra @ Key Lime Digital Designs (see all)
- How to Add Horizontal Featured Posts in Blogger - April 30, 2013
- Parts of a Blog and Tutorial Roundup - March 12, 2013
- Customize Block Quotes in Blogger - February 14, 2013


































Wow. Thank you. I’ve been wondering how to do that for about 3 months. Thanks for this great tutorial!
Danette Dillon recently posted..Follow Me Wednesday Blog Hop
Glad that you found the favicon post helpful Danette. Kendra does a great job with her guest tutorials, doesn’t she?
xoxo, Tauni
So glad I found this site! I’ve wondered how people customized that little url picture box!
Thanks!!
Crystal @ 29 Rue House recently posted..Punchy
Crystal, Glad you found the site. Hope you will come back again…I try to share blogging tips at least once a week! xoxo, Tauni