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...
<
The important thing is that you post this right above the
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...
<
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:
Post a Comment