Important details: Favicon Blogger Hack + Gravatar

5 comments - Post a comment

Every blogger should have a goal to reach advance level which usually means high traffic and regular base of readers who participate in discussions. This goal is important and it can be achieved only with number of different factors like great content, social networking, blog design. But sometimes even the details play great role in representing yourself to others.

I will mention here two such things everyone can do in just a few minutes. First one is introducing favicon and using it on Blogger Platform and second is Gravatar as more advanced representation web2.0 tool.

Favicon is short for Favorite Icon and it is small 16x16 pixels graphic which appears in browser address bar before your link. See image.

favicon, favorite icon

You can create favicon with any graphics editing software very easily. Since favicon is small, you should use simple lines and contrast colors. Suitable graphic file types for favicon are jpg, png and gif. Now, how to include favicon? You need to edit your blog code with just one line and on Blogger it’s easy to do in few steps. Insert new line of code just below closing title tag:

< rel="shortcut icon" href="IMAGE URL">

Save your template and you are done. If you want you can also include animated gif as your favicon and in that case your new line of code is different:

< rel="icon" href="IMAGE URL" type="image/gif">

Again, save your template and you are ready to go. You can have your graphic uploaded on any images hosting websites like googlepages, photobucket or whatever.

Gravatar stands for globally recognized avatar and it was invented by Tom Werner. It is a form of online identity. Sign up for free on gravatar website, enter your email address and upload your graphic 80x80 pixels. Different platforms can recognize your identity based on your email address and when you comment on some blog, next to your comment gravatar will appear. One good advice is to use same image as for favicon like Webomatik did. Platforms that accept gravatars are MovableType, WordPress, LiveJournal, Blogger and implementations are supported in PHP, Perl, ColdFusion and Java.

There you go – brand yourself and your blog and increase your chances for online success.

This Post has 5 Comments Add your own!
animated favicon - 27 May 2008 at 09:13

How can I make the favicon roll from up to down?

henriqueloo - 15 August 2008 at 06:58

How can i install gravatar on blogger comments?

admin - 15 August 2008 at 08:53

Hello henriqueloo,

more info on installing gravatar on Blogger here, or you can use this service.


Isaac Yassar - 13 February 2009 at 16:47

I have check the 2 methods to install gravatar in blogger. Doesn't seem to be easy. Relying on third party service is doubting, since blogger has their own commenting service. Can't people simply add some codes in the template or somewhere else to make blogger default comments section shows gravatars?

Peter Eisentraut - 10 July 2009 at 00:47

Why not just link the favicon directly to the server? They do publicize the exact URL specification of their image links, and I found nothing in the their terms of service that prohibits this. Anyone know?

Post a Comment