Your own Favicon

Google Chrome

Internet Explorer

Firefox

Ever notice that although my blog is not my own site, but the icon shown is a pyramid instead of a blogspot icon?

Let see how I do it.

1. Dashboard ---> Design ---> Edit HTML

Right before the "<b:skin><![CDATA[/*", paste the html code below.


<link href='http://image.ico' rel='shortcut icon' type='image/gif'/>
<link href='http://image.ico' rel='icon' type='image/gif'/>


The BLUE color part, replace it with the link of the image you want. If possible, try make your image into ico file type. If not, it won't be shown in the address bar or tab or the Internet Explorer.

Internet Explorer's address bar