rss

Friday, May 21, 2010

How to add a favicon in Blogger

 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 web page.Most of the people use 16*16 pixel favicon with ".ico" format.But,you can also use gif,png(image formats) aswell.

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 or use one of these free services:

Then upload it to a free image hosting site like ImageBoo .After uploading the file select the direct link given at the very bottom which should look like "http://www.imageboo.com/files/m06hie3vf8gdban6cuq1.ico", add that as the "favicon url" given in the below instructions.

Now,go to your blogger dashboard>layout>Edit html and look for this code which at the top the template:
<title><data:blog.pagetitle/></title>
Just after that line add the following codes, substituting 'favicon url' for the URL where your favicon is hosted:
<link href='favicon url' rel='shortcut icon'/>
<link href='favicon url' rel='icon'/>
Then save your template. Now when you view your blog in your browser, you should see your favicon appear beside the web address.

Subscribe to this Blog via Email:

Click here to Subscribe to FREE email updates from "Blogger Tutorials", so that you do not miss out anything that can be valuable to you and your blog!!

Spread It : Share On Facebook ! Share On Google Buzz ! Add To Del.icio.us ! Share On Digg ! Share On Reddit ! Share On LinkedIn ! Post To Blogger ! Share On StumbleUpon ! Share On Friend Feed ! Share On MySpace ! Share On Yahoo Buzz ! Get These Share Buttons ! Share On Google Reader ! Google Bookmark ! Send An Email ! Blog Feed !


0 comments:


Post a Comment

 

Recent Posts

Followers

Recent Comments