Favicon 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
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
17 comments:
Your icon is a standard Blogger icon...
hi there! can you suggest another site for the "google page creator"? It doesn't accept new sign-ups.
thanks!
change ur favicon from ur site
Hey if you want to get that favicon permanently, you have to copy the code before ]]b:skin or after /style
is there any trick that works A) in internet explorer, B) for when you click on a link on your blog?
Google Page Creator is unaccessible any more : O ((((
Is there any other way to upload your ico then on to blogger?
Why... My Blog Favicon still not changing...
my ico is in PNG file. does this instruction apply too?
help me. it didnt work.. i dont know why..
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
Thanks you..!! It works
Thanks guys for sharing this one. It is working on me.
Justin Bieber Latest Gossips and News
Google pages is already shutdown. There are other best alternative to where to upload your favicon.
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
Thanks for the help here!
blogger has released the official favicon customization, check this post: http://bit.ly/m4iVx2
blogger has released the official favicon customization, see: change favicon in blogger
Post a Comment