How do I…? Favicons
On special demand of a special friend:
How do I…
… add a favicon / shortcut icon to my blog?
A favicon, also known as shortcut icon, website icon, page icon or url-icon is a small, square icon, usually 16×16px in size, that is displayed alongside the URL in the web address bar of a web browser.
The reason for using a favicon is branding. Most modern web browsers allow tabbed browsing. This means that a user can open several websites in the same browser window. A nice favicon design will distinguish your blog / website from the other websites.
Some modern browsers also allow favicons to be displayed in the Bookmarks section. Again, this will ensure your website will be distinguished from the others.
Guide to install Favicon
Adding a favicon to your blog is a good way to distinguish your blog from the millions of other bloggers around.
- Choose a picture you like
- Use a photo Editor to resize the picture to 16×16 pixel .gif for best 1:1 resolution and adjustment
- Host the 16×16 pixel .gif on any photo host (like photobucket)
- Add your Photo host url of the icon to the following code below
|
<link href=’URL of your icon file‘ rel=’shortcut icon’/> |
|---|
Save the template. When you refresh your blog site, you should see your nice little Favicon next to the blog address.
If you are still not sure how to get to the XML of your blogger, then follow these steps carefully:
When you decide to change your blog favicon in future, you can just change the hosting link of the image with a new favicon and that´s it!
PYB Design,
I did it!!! TY TY TY!!!
On March 6th, 2008 at 10:04 pm
[...] All you need to do is grab them here, save to your own HD, load it up to your account. Need help? Read: How to install a favicon! [...]
On March 11th, 2008 at 9:59 pm
I did it too! I found your blog via Skittles’ and this is awesome! Thanks for the freebie flower! I LOVE IT!!!! I’ll be back for my tips and tricks! Thanks so much!!!
On March 13th, 2008 at 7:36 pm
I’ve been trying to get this to work for hours now without success. The following is the error message I get. I’m using Blogger. Can anyone help?
Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly.
XML error message: Open quote is expected for attribute “{1}” associated with an element type “href”.
On March 20th, 2008 at 6:34 am
[...] Need help? Read: How to install a favicon! [...]
On March 21st, 2008 at 2:15 am