Thursday, 21 February 2008

How to Change favicon in blogger blog

blogger_faviconFavicon is one small part of your blog design, usually blogger blogs have Blogger logotype as favicon, but you can easily change it to your favicon.

It can be your blog logotype or some funny small picture, for example 'smileicon'.

Ok, take your logotype (if you have it) or some picture or draw your own logo in Photoshop (or other graphic editing software).

Creating Favicon

After creating you logo you need to change size of it to 16x16 pixel. After that, save your logo in '.ico' format ( for example: my_favicon.ico ).

Installing Favicon

googlepages Now you need to install your favicon to Internet. You can use one of the free image hosting provider or Google Page Creator. Just upload your .ico file to your Google pages directory, like on the picture.

Installing Favicon to Blogger

Now you need to go to your Blogger account.

1. Click on 'Layout'.

2. Click on 'Edit HTML', Backup your template!.

3. Now, if you using google pages, you need to add the following codes right after the <head> code:

<link href='http://myname.googlepages.com/my_favicon.ico' rel='shortcut icon'/>
<link href='http://myname.googlepages.com/my_favicon.ico' rel='icon'/>

*Change 'myname.googlepages.com' to your account address, change 'my_favicon.ico' to your favicon name.

4. Save your changes.

* This changes will not appear immediately, just refresh it once and it should appear.

Cheers

18 comments:

Hikmat Surya Permana said...

Your icon is a standard Blogger icon...

Valerie Lipio said...

hi there! can you suggest another site for the "google page creator"? It doesn't accept new sign-ups.

thanks!

मनोज said...

change ur favicon from ur site

Softpump said...

Hey if you want to get that favicon permanently, you have to copy the code before ]]b:skin or after /style

Lucky Wolf said...

is there any trick that works A) in internet explorer, B) for when you click on a link on your blog?

Sarah said...

Google Page Creator is unaccessible any more : O ((((

Is there any other way to upload your ico then on to blogger?

Computech Clinic said...

Why... My Blog Favicon still not changing...

loloy said...

my ico is in PNG file. does this instruction apply too?

syaza :) said...

help me. it didnt work.. i dont know why..

aj said...

it does work, you'll just need to add it just before the < / head > tag..

For some reason it is overwritten by another blogger icon

Levy said...

Thanks you..!! It works

Justin said...

Thanks guys for sharing this one. It is working on me.

Justin Bieber Latest Gossips and News

HapiBlogging said...

Google pages is already shutdown. There are other best alternative to where to upload your favicon.

bright brain said...

so finally i found it
it's how it works
we need icon hosting for our icon

go here

http://how-to-world.blogspot.com/2011/05/how-to-change-favicon-on-blogger-new.html

see my favicon and read the steps

Free TV Live Stream said...

Thanks for the help here!

Anonymous said...

blogger has released the official favicon customization, check this post: http://bit.ly/m4iVx2

vicky said...

blogger has released the official favicon customization, see: change favicon in blogger

Blogger said...

BlueHost is the best hosting company with plans for all of your hosting needs.