Add an icon of your site in the Address Bar of Browser.
By Arpit On Saturday, January 13, 2007 At 8:25 PM
This is a small hack to add an icon in the address bar when your site/blog is opened.
Like this:
Step 1. Create your icon (.jpg format) and upload it somewhere on net. I prefer PhotoBucket.
Step 2. Open the template and add this code just after the <head> tag.
<link href='your icon URL here' rel='icon' type='image/jpg'/>
Replace your icon URL here by the URL of your logo (which you uploaded in step 1)
Step 3. Save template change and republish your site/blog
Its done.
Right now am using this logo (and I will modify it soon)
I have read this on Techno-Tips.
Related Posts:
Create Drop Down Menu in New Blogger ( Google Blogger).
Create Drop Down Menu in Bogger Classic.
Blogger Templates.
Labels: Blogger tricks
Good tip, however, if you don't want your icon to look distorted, create the image with a size of 16 pixels by 16 pixels.
You can see how my site icon is not distorted on http://www.foogazi.com or take a look at how Google's icon has no distortion.
Hope this helps. :)
Thanks a ton. I have always wanted to know how to do this.
How can this be done on new blogger or wordpress or website with wordpress installation ?
I already learned a lot about blogging by reading your splendid blog.
How this done with wordpress.com?
Cheers,
middleXeast
I've always wondered how to do that, and now I know. It was so easy, too. Thanks for the help!
Thanks to All
Followed the steps. Still get the blogger icon. So does your blog, by the way.
which browser are you using? I am on firefox and can see my favicon alright.
Try deleting your cache and refresh the page.
Thank you soooo much for this post now i just edited mine and put an icon to my url address on the address bar...hehehe nice tut!