How To Add Favicon To Blogger Blog

How to add favicon?
How to create favicon for blog?

Here is a simple way to create a favicon for your very own blog!

Firstly, an icon is required. You can either use an online icon creator (which I think is not user-friendly) or Photoshop.

Once you've designed your icon, save it as an image file. Next, proceed to the online icon generator to generate the icon. There, upload your saved favicon image, select icon size 16x16 and generate it. Once it's done, download the icon into your computer.

Then, upload the downloaded .ico image file to the Internet, use Windows Live SkyDrive or any image uploader that supports icon, and get the icon URL there.

Attention: To get the right icon URL after uploading to SkyDrive, keep clicking on the image until it appears on the browser by itself. Then copy the URL from the address bar.

Next, follow this instructions.

• Go to your Blogger dashboard
• Click manage: Layout
• Click 'Edit HTML' below the Layout tab

There, search for a code line like this:

<title><data:blog.pagetitle/></title>

Then, copy and add the code below the line and replace "your favicon URL" with your favicon's URL.

<link href='your favicon URL' rel='icon' type='image/vnd.microsoft.icon'/>

Save it and have a look at your blog. You should be able to see your small Favicon next to your blog address.

Take note: If you're using older versions of Internet Explorer, you might not be able to see the icon. Firefox on the other hand shows the icon well in bookmarks, URL addresses and tabs.

Hope you'll like it. Feel free to ask if you've any doubts. =)

Tweet