Tuesday , 19 March 2024
Home » blogging » How to change your favicon from default blogger logo to your own

How to change your favicon from default blogger logo to your own

Every one uses the default blogger logo as their favorite icon or Favicon for their blogs. They want to change it but blogger doesn’t provide any options for it. But we can do it just by adding some simple code to your blogger xml codes. So here is the simplest and best tutorial on How you can change your blog’s favicon from default blogger logo to your own

For this first you need to create/find an icon for your blog(read this post) and you have to host that image,which you like to put as your favicon on any free image hosting sites such as photobucket ,flickr etc.The image file with size of 16×16 or 32×32 and formats such as .png , .gif , .ico can be used as favicons.It’ll be good to use graphics of .ico format as a icon/emblem. Now copy the URL of the Image and sign-in to your blogger account.

Select the edit HTML tab and Just add the following lines before the </head> section ;

<link href-‘Your image URL‘ rel=’shortcut icon’ type=’image/ico/’>
You can replace the URL of your graphic file with your icon fille.If you are using any other image formats other ico, Replace the ‘ico‘ with the file format of your icon.[ eg ;- type=’image/png’/> , type=’image/gif/> ]

If you haven’t got a Favicon of your own, refer this post too.After you have made all the Changes, save it.
You’ll find your new logo ,dancing on your browsers address bar.


About Rajeel

I'm Rajeel, a teen blogger from India who loves computers, sports, internet and all other kind of tech stuffs. This blog thing is one of my favourite hobby and the one that eats up much of my time. But Really, I'm loving it :) Find me in G+

16 comments

  1. hi Rajeelkp,Thanks for posting this tricks as very simple in your blog.i had read this trick before, but your’s is so simple and well understanding.Keep it up.

  2. I did exactly as you do, instead of favicon appear, my blog title is disappear.While using ie, my fav ico is shown , but when using mozilla, fav icon that shown is default mozilla icon.

  3. Hi , i visited your site http://furqonk.blogspot.com/[ got from your blogger profile ] and found that there is no-problem for it on my Firefox.If you are having problem again – then e-mail or IM to me :-rajeelkp@gmail.com OR rajeelkp@ymail.com.If your blog title is disappeared , then add the code which you removed/replaced ,on the top of the image code.

  4. I had been trying to find a way to replace the generic Blogger icon for some time, and the way you outline above actually worked.Thanks for the help!

  5. Heyyy Can you help me changing my logo?

  6. Hello……. mate i can’t change my Logo, and shows some message like this : Your template could not be parsed as it is not well-formed. Please make sure that all XML elements are closed properly.
    XML error message: Element type “link” must be followed by either attribute specifications, “>” or “/>”.

  7. gee. thx! 🙂

  8. helo, nice trick.. im using it now and its perfect..
    Altair.. I think you should not type the code continuously,
    starting at the “rel” words, press enter and go on writing the code.. i try it once and i have the problem same as you. but after i try this, it goes well.. hope it helps..

  9. from where i get image url. means that some where i have to upload image and take that address and put it as u mention

  10. When i put the code error came (place the = between link and href-) i place the error came(put the ending with link > />) i do then save but when open my blog a line top above displayed which i put html text

  11. gelasss.blogspot.com

  12. hey you can host .ico files on http://www.hostanyimages.com .
    But that’s not the problem. The problem is whatever i try to do, it shows parse error just as Azlan said ! Any solution for that now ??

  13. I read your blog very impressed seen this kind of important information’s. Really am interested to back to your blog again to gather some more information’s i will copy that to my site http://aramnet.blogspot.com if you do not mind you are the best

  14. this works fine in firefox but does not work on internet expoler.

    also if you click on a link to a post from your blog it goes back to the olf blogger logo

Leave a Reply

Your email address will not be published. Required fields are marked *

*

Scroll To Top