Blogger.com icon. You will be able to see the favicon at the left most side of the address bar of your browser. You can see the example below.
If you want to use your own favicon on your Blogger.com blog, you can follow these few simple steps. Just add the code line "<link href='URL' rel='shortcut icon'>" right above the "</head>". You can login to your Blogger account, on the DASHBOARD, click on LAYOUT of the blog that you want to setup the Favicon, then EDIT HTML. Then use the FIND feature of your browser to locate the "</head>" section.
NOTE:
- Make sure that the URLis a direct link for your image and an example of a direct link is "http://lh3.ggpht.com/_cbJecw4uhjk/S60agyj6EiI/AAAAAAAAC3A/bP0Mu3Yz5zM/s800/me.jpg".
- The complete code will look like this
"<link href='http://lh3.ggpht.com/_cbJecw4uhjk/S60agyj6EiI/AAAAAAAAC3A/bP0Mu3Yz5zM/s800/me.jpg' rel='shortcut icon'>". - The image should be a perfect square having the dimension of 16×16, 32×32 , 100x100 or 64×64 pixel.
Thanks a lot for sharing! By any chance, do you know why it is called favicon?
ReplyDeleteHello LinTik... here's a quick history of favicon c/o of wikipedia
ReplyDelete"In March 1999, Microsoft released Internet Explorer 5 which supported favicons for the first time.[4] In the original way, the favicon was a file called favicon.ico placed in the root directory (e.g., http://en.wikipedia.org/favicon.ico) of a web site. It was used in Internet Explorer's favorites (bookmarks) and next to the URL in the address bar if the page was bookmarked. A side effect was that the number of visitors who have bookmarked the page could be estimated by the requests of the favicon. This technique has become obsolete since all modern browsers support the favicon without bookmarking."