We would like to add the sites that we visit often to our “Favourites”.Its not surprising when someone else decides to add our site (blog) to their “Favourites”.In such case our-blog-link appears to look the same as the rest of the links.I think its pretty mundane.
 |
Take a look at the address bar of this blog that you are viewing right now.Yes, you guessed it correct.Its a “coffee cup” icon (I picked it up from somewhere in the net.I am still working to create my personalised icon). The Advantage is, this icon appears in the address bar & also appears when this URL is added to the favourites folder.So all geared up to personalise your blog with your icon..I have used this pic as my icon along with Myfavatar |
HOW TO ADD AN ICON TO YOUR BLOG/WEBPAGE
Phase – 1
- SAVE AND BACK UP YOUR TEMPLATE
- Decide on the pic that you want to use as icon.
- The image must not be greater than 100 KB and must be in BMP, GIF, JPG or PNG format
- Animated GIF is not supported not supported by Myfavatar
- Register with MyFavatar
- After Registering–Logon to “Profile”
- Choose “Change Favatar”
- Browse for your image and submit
- Once your pic is uploaded choose “Favatar codes”
- Copy the code under the heading Favicon Codeinto a notepad
Phase – 2
- Paste the code from MyFavatar just below the <head> tag
- This is how my code looks in the template
<head>
<link href=’http://favatar.myfavatar.com/Deepa.ico’ rel=’shortcut icon’ type=’image/x-icon’/>
<link href=’http://favatar.myfavatar.com/Deepa.png’ rel=’icon’ type=’image/png’/>
<title><data:blog.pageTitle/></title>
<b:include data=’blog’ name=’all-head-content’/> - Donot panic if you cant see the icon in the address bar.
- For IE6 and below, you may need to drag the standard IE icon
to the right a couple of times, and restart IE to see your favicon
Hope you were sucessfull in adding the icon to your blog.Do leave a comment here and include a backlink to this post at your blog to help your frinds personalise their space with minimum time spent on googling.