feedburner
Enter your email address:

Delivered by FeedBurner

How to Add a Favicon in Blogger

Labels: , ,

What is a favicon?
Favicon (pronounced fav-eye-con) is short for 'Favorites Icon.' A Favicon is a multi-resolution image included on nearly all professional developed sites. Within Internet Explorer the Favicon is displayed on the Address line and in the Favorites menu. The Favicon allows the webmaster to further promote their site, and to create a more customized appearance within a visitor's browser. Often, the Favicon reflects the look and feel of the web site or the organization's logo.

A favicon (short for favorites icon), also known as a website icon, shortcut icon, url icon, or bookmark icon is a 16×16, 32×32 or 64×64 pixel square icon associated with a particular website or webpage. A web designer can create such an icon and install it into a website (or webpage) by several means, and most graphical web browsers will then make use of it. Browsers that provide favicon support typically display a page's favicon in the browser's address bar and next to the page's name in a list of bookmarks. Browsers that support a tabbed document interface typically show a page's favicon next to the page's title on the tab. - Wikipedia

To add a favicon you need to have a favicon and there are plenty of ways to create a favicon.


If thats not possible there are plenty of sites out there that generates a favicon for you when you upload an image.Do a Google Search for "free favicon Generator" and plenty of sites would come up. I personally used http://www.genfavicon.com/ to create favicons because after uploading the image they let you select a portion of the image you want as the favicon. Set the size ( 16 x 16 ) capture and preview and you get a link to download the favicon.ico file. The whole process wont take you five minutes.

Since you cant upload .ico files to blogger you need to find some free image hosting service to use and of course that service should let you upload .ico files.Since your using a service by Google I suggest you use Google page creator which lets you upload .ico files.Then get the link to the favicon file.

Or you could upload your image to a free image hosting site that uploads .ico files. I recommend ImageBoo , you don't have to register and you can upload ico files. After uploading the file select the direct link given at the very bottom. It should look like "imageboo.com/files/1zh7vnfh8qwhu9f1dinu.ico", add that as the "your url" given in the below instructions.

Now go to your blog and click customize.Then click the Edit HTML tab and search for "title" , this should be inside the header tags.You should find something like mentioned below.

data:blog.pageTitle

Just after that line add the following line and enjoy the nice icon showing up before your url.

< link href="your%20url" rel="shortcut icon" type="image/x-icon</strong><strong>">< / link >
remove the spaces in between

Enjoy! :D

0 comments:

Post a Comment

Post a Comment

Related Posts with Thumbnails
eXTReMe Tracker