Better Blogging :: Branding With Your Favicon

Trying to build your brand as a blogger? Make sure your blog has a favicon.

I end up with tab after tab after tab open when I am online. Sometimes there are so many open at one time, the only part able to display is the favicon.

Favicon is short for favorites icon and is also known as website icon or URL icon.  This small icon, usually 16 x 16, is generally picked up by most web browsers and is displayed in the web browsers URL address bar and also within the tab of the tabbed browsers I was referring to earlier.

If your blog does not already have a favicon, it is simple to add one. Here are the steps to creating your own brand favicon and installing on your Blogger blog.


Step 1. Select the image you would like to make as your favicon.


Step 2. Upload your image to www.favicon.cc  or to DeGraeve create your favicon. Save the image

Step 3.  Save your image in the ICO file format, allowing it to be accessible by many browsers, and upload to an image hosting site that accepts ICO file formats. Some of the sites allowing ICO file format uploading are:

Host Any Image
Imageous
PicPanda


Step 4. In your Blogger Dashboard, click on the Layout tab, then Edit HTML. Enter the following edited code two lines after in your html code. Replace { with < and } with > for the code to work properly.

{link href='http://YOURIMAGELINK' rel='shortcut icon' type='image/vnd.microsoft.icon'/}

Step 5. Preview your template to make sure no errors are found and then save your template. Refresh your webpage and view your newly branded site. ENJOY!


Please first test these changes on your test blog prior to making any changes to your actual blog. 

This post is part of Works for Me Wednesday.