Favicon
From Bloggerhacks
(→Sites Using This Hack) |
|||
| Line 40: | Line 40: | ||
==Sites Using This Hack== | ==Sites Using This Hack== | ||
| + | * [http://www.gotakon.blogspot.com/ Gotakon] | ||
* elementcomputers.blogspot.com | * elementcomputers.blogspot.com | ||
* [http://pribshealth.blogspot.com/ Prib's Health] | * [http://pribshealth.blogspot.com/ Prib's Health] | ||
Revision as of 22:53, 6 April 2007
Contents |
Platform
Will work with any blog, but the specific editing instructions are written for use with Blogger blogs.
Author
multiple
Homepage
See the "Favicon" section in Blogger Hacks - The Series: Graphics.
Skill Level
To create a favicon, you must have some skills with a graphics program,
or goto http://www.chami.com/html-kit/services/favicon/ to make one online.
To add the code for a favicon in your blog, you must be comfortable with editing your Blogger template.
Description
Places a 16x16 pixel favicon for your site at the left-hand end of the address bar in most modern browsers.
Method
- Create an icon and save it.
- Upload it to an image hosting service or an external web host.
- This is the hard part, find a service that will host .ico
- MyFavatar is one such service. They will even convert a jpeg or gif into the appropriate size and format for you.
- Google Pages will host everything.
- This is the hard part, find a service that will host .ico
- Add two lines of code, per the instructions, in the head element of your Blogger template.
Note that you can also save as a .png or .gif and most broswers will display it. You simply have to insert the following line in the head element of your template:
<link href='image_url.png' rel='icon' type='image/x-icon'/>
This will allow you to host your favorite icon on photobucket or the like.
Sites Using This Hack
- Gotakon
- elementcomputers.blogspot.com
- Prib's Health
- unknown
- All About Google Adsense
Edit this area and add your own link if you are using this hack.
