Favicon
From Bloggerhacks
(→Method: find a service that will host .ico) |
(→Method) |
||
| Line 27: | Line 27: | ||
## This is the hard part, find a service that will host .ico - if known please link. | ## This is the hard part, find a service that will host .ico - if known please link. | ||
# Add two lines of code, per the [http://blogfresh.blogspot.com/2005/09/blogger-hacks-series-graphics.html instructions], in the head element of your [[Blogger template]]. | # Add two lines of code, per the [http://blogfresh.blogspot.com/2005/09/blogger-hacks-series-graphics.html 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'/> | ||
==Sites Using This Hack== | ==Sites Using This Hack== | ||
Revision as of 16:31, 26 September 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.
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'/>
Sites Using This Hack
- elementcomputers.blogspot.com
- unknown
Edit this area and add your own link if you are using this hack.
