How Add Favicon Icon To Blogger Url



Have you wondered how these little icons appear before the web addresses, like the one of blogger logo you see in all blogs? When you visit the sites or bookmark them, these icons will make these URLs stand out.Check out your Bookmarks.These are “Favicons” or “Favorite Icons”.It will be clear from the picture below as shown by the arrow in the figure.



You would first need to have an icon which you would like to use, bearing the extension .ico format. If you search your hard disk, you might find some images you like for your favicon.Now you would have to convert them to .ico format.How to do it.

How about the step to do that? this are the steps :

1. First you must have an image any .png,.jpeg,.gif format.

2.After that, you must change your image to be icon. For do that, you can use favicon Generator, please check out Favicongenerator or Dynamicdrive site to convert your image into icon format.

3.Browse your image there from your hard disk,click generate button and then downlaod your icon to your hard drive from there.

4.Now upload the icon to your any hosting service you use like,get it from here.where to upload files.

5.After uploading take the url of the image where it's hosted.

6.Now Login To Blogger and Browse to Layout > Edit/Html > Press Ctrl+F

Now Search For <head> and place the below code after this tag


<link rel="shotcut icon" href="Url OF The Image Hosted"/>


Thats It you have done !

15 comments:

Tomaz Vorsic said...

As always fantastic tip. I was wondering how to do this. No I know.

Tomaz Vorsic said...

Hmmm. Strange thing happen. First my favicon appeares in my adrress bar, but than it disappears. Seems like it is overwritten by blogger policy. Any hint on that?

Wilma said...

Photobucket won't upload an image with a .ico ending. What am I doing wrong?

Anshul said...

@ Wilma Ya image hosting sites will not upload it, please upload it to googlepages if you dont have account over it make an account over geocities.com to upload this favicon and js files too.

@Tomaz There might be some problem with your image try other image

Nour90 said...

Thank you man,you can visit my blog:
http://nokia-gate.blogspot.com

Jenny said...

I used the dynamicdrive site and it worked perfectly.

Kavitha said...

hey i've successfully created my favicon bt cud nt find any site where I can upload it to...I tried google pages, geocities n a couple more which was mentioned in ur post...can u help me with some new site where I can post my icon...

wazzupweb said...

it doesnt work for me..

enenshi said...

not working for me

almizzi22™ said...

ohh..very beautiful tips and hacks..thanks ya!
http://almizzi22.blogspot.com

MomDirect said...

Pandapic. is perfect for uploading a favicon. It instantly give you the url

Games pro said...

it's impossible te remove the blogger icon the prouf is in this one too
he steel have the fucking orange icon
http://ps3-solution.blogspot.com

Anshul said...

@games ya using above will remove it and show urs.

Post a Comment