Thursday, January 8, 2009

Techy Trick of the Month- Add a favicon to Blogger

Techy Trick of the Month

As most of you all know, I like to play with computers, so I thought I would share this with you...if anyone cares. I think it's cool...

If you are familiar with the internet, you will notice a Favicon in the top-left corner of the address bar. Ever wonder how to make one of your own? Here's how to do it in Blogger.

1- Convert any picture or drawing, or symbol to an icon file. You can do this free HERE or HERE.
2- Download this icon to computer, then upload it to a place that can host your picture for free. The 2nd link above I believe will host your favicon for free. If not, then search google for Favicon Hosting.
3- Copy and past this code into your Blogger html code...

<link rel="shortcut icon" type="image/ico" href="http://example.myfavatar.com/favicon.ico">

The important thing is that you post this right above the </head> tag toward the bottom your blogger HTML. Also update the http://link where your favicon is being hosted.
4- Whala!!! Save and test it and your favicon should work wonderfully for all to see.

*NOTE- for websites only, just upload your favicon to the folder of your webpage and then paste the first line of the code into your webpage.

This is what mine says...
<link href='http://www.scottandeileenmyers.com/favicon.ico' rel='shortcut icon' type='image/ico'/>

0 comments:

About This Blog

Scott is the creator and main editor of this blog. As main editor, I am free to express my creativity and do whatever I please, to whomever I please. So there!

  © Free Blogger Templates Blogger Theme II by Ourblogtemplates.com 2008

Back to TOP