Thursday, November 16, 2006

Favicon in Blogger Beta, HOWTO

hey ppl just discovered a way add Favicon in Blogger....here it goes:
---
Favicon
From Wikipedia, the free encyclopedia

In Mozilla Firefox, favicons are displayed in all available tabs, the bookmark toolbar/menu and the location bar.
In Internet Explorer 6, favicons are displayed in the Favorites menu and the address bar.
In Safari, favicons are displayed in the URL field, Bookmarks menu and the Bookmarks window.
A favicon (short for "favorites icon"), also known as a page icon, is an icon associated with a particular website or webpage. A web designer can create such an icon, and many graphical web browsers—such as recent versions of Internet Explorer, Firefox, Mozilla, Opera, Safari, iCab, AOL Explorer, Epiphany, Konqueror, and Flock—can then make use of them. Browsers that support favicons may display them in the browser's URL bar, next to the site's name in lists of bookmarks, and next to the page's title in a tabbed document interface.
----


So now you know what is favicon! Wanna add one to your blog? Just read further

First of all you ll need create an icon image of 16x16 pixel....if u have a good image u can generate icon file using this cool tool at Graphics Guru. Also note that we can use .png format alternatively as i have used for my blog
Now that you have your own .ico file upload to your server(Note: If u are using other's icon file just copy the link)

Now quickly goto dashboard>>Template>>Edit HTML
Once u r there search for tag. Just after this tag copy paste the foll lines:


Now click Preview and see the change....if its ok hit Save template.
You just got a beautiful favicon for ur blog ;)

Some Links:
http://johanrooms.com/favicons.php
http://tools.dynamicdrive.com/favicon/ (Another Icon generator tool)
http://www.mavetju.org/unix/favicon.php (How to create favicon-icons on Unix machines)



3 comments:

Shmuel @ Go Golan said...

I'm trying to figure this out... I've got my favicon stored on a webpage (not Blogger), but what's puzzling me is where exactly am I supposed to insert this code on the Blogger template.

z0ltrix said...

Click: Customize>Template>Edit HTML

Now copy-paste the code just below the <head> tag. Click the Preview button to see the change. If its ok then dont forget to hit the Save Template button.

I could have shown a screenshot but right now I am on Phlak(live CD).

Anonymous said...

Who knows where to download XRumer 5.0 Palladium?
Help, please. All recommend this program to effectively advertise on the Internet, this is the best program!