Favicon
From Bloggerhacks
(→Sites Using This Hack) |
(→Skill Level) |
||
| Line 13: | Line 13: | ||
==Skill Level== | ==Skill Level== | ||
| - | To create a favicon, you must have some skills with a graphics program | + | 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]]. | To add the code for a favicon in your blog, you must be comfortable with editing your [[Blogger template]]. | ||
Revision as of 10:26, 24 November 2006
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 - if known please link.
- 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
- elementcomputers.blogspot.com
- Prib's Health
- unknown
Edit this area and add your own link if you are using this hack.
