Favicon
From Bloggerhacks
(→Skill Level) |
|||
| Line 41: | Line 41: | ||
* [http://pribshealth.blogspot.com/ Prib's Health] | * [http://pribshealth.blogspot.com/ Prib's Health] | ||
* unknown | * unknown | ||
| - | + | * [http://allaboutadsense.blogspot.com/ All About Google Adsense] | |
Edit this area and add your own link if you are using this hack. | Edit this area and add your own link if you are using this hack. | ||
Revision as of 17:41, 3 December 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
- All About Google Adsense
Edit this area and add your own link if you are using this hack.
