Favicon
From Bloggerhacks
(→Method) |
(→Method) |
||
| Line 27: | Line 27: | ||
# Create an icon and save it. | # Create an icon and save it. | ||
# Upload it to an image hosting service or an external web host. | # Upload it to an image hosting service or an external web host. | ||
| - | ## This is the hard part, find a service that will host .ico - [http://www.myfavatar.com/ MyFavatar] is one such service. | + | ## This is the hard part, find a service that will host .ico - [http://www.myfavatar.com/ MyFavatar] is one such service. They will even convert a jpeg or gif into the appropriate size and format for you. |
# 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]]. | ||
Revision as of 06:00, 17 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 - MyFavatar is one such service. They will even convert a jpeg or gif into the appropriate size and format for you.
- 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.
