Add a Favicon in your blog

Hello there! If you are new here, you might want to subscribe to the RSS feed for updates on this topic.

Have you noticed the tiny icons next to every web address? These are called favorite icons, favicons (fave-eye-cons). These are cool and it makes any site stand out from hundreds of sites. If you are using blogger, the default favicon will be the orange ‘B’ (blogger) icon. YOu can change it to your own one so that your blog will look like professional.

BlogKori’s favicon is a big Bengali ‘Bo’ -the first letter of Bengali word, BlogKori. I made it myself with the help of the simple, MS paint software. You can make your favicon too. You have to create a 16×16 pixel tiny logo. This could be a icon(.ico) file or could be any image format like .jpg, .bmp etc.
Now upload the image in your website/ web directory. Blogger users can upload it into any free image hosting providers like flickr, photo bucked, image shack or picasa. Copy the source url of your favicon image.

Now open your blog’s HTML editor and paste this code after the HEAD tag, (replace the red part with your source url code)

<link href='Hosted-Favicon-URL' rel='shortcut icon'>

Blogger(blogspot) platform users

Open your blogger Dashboard and click “Layout” > “Edit HTML” you have to add the favicon tag after this code,

]]></b:skin>

And check out your blog with the new favicon!

Branded Shirt

Related posts on this topic

Tagged as: blogger, blogspot, branding, design, HTML

{ 10 comments… read them below or add one }

1 webhotel June 2, 2009 at 9:01 am: That’s an interesting topic. There are some steps :
Step 1: Design a favicon
How To Create A Favicon.ico PhotoshopSupport.com
Step 2: Upload it somewhere: Bloggerhacks.
Step 3:Include this one-line code.
Have a good time^_^

webhotel’s latest blog post..Velkommen til Webhotel DK

2 plinian webhotel August 3, 2009 at 1:58 pm: Well, good idea. I will try applying it to add a favicon in my blog. Many thanks for sharing.

3 mktanny October 30, 2009 at 5:21 am: started with blogspot and got here. thnx
How To Add Favicon To Your Blogspot Blog

4 Molly December 1, 2009 at 8:35 pm: How to Keep Your Website Attractive to Both Visitors and Search Engines ..?

5 Allison December 1, 2009 at 10:50 pm: Maintain a consistent look on all pages. Use the same color, same font, and same navigation bar .

6 Lisa December 2, 2009 at 10:30 pm: Does the industry consistently implement measures to ensure legal compliance with environment-related laws?

7 Paint Touch Up Systems December 25, 2009 at 2:38 am: These work. Makes your site stand out in IE Favorites list. Great branding tool.

8 ajay January 8, 2010 at 4:51 am: adding a favorite icon is same in any language i guess it is all about html weather it is blog or website will do the trick i guess anyways thanks for sharing.

9 oyun January 26, 2010 at 2:09 am: …These work. Makes your site stand out in IE Favorites list. Great branding tool….

10 Josh G March 10, 2010 at 8:23 pm: Want to make your facebook profile have a color or an image background check out http://chameleontom.us, Cheers