Favicon

From Bloggerhacks

Revision as of 16:33, 26 September 2006 (view source) 130.221.105.246 (Talk) (→Method) ← Previous diff		Revision as of 16:35, 26 September 2006 (view source) 130.221.105.246 (Talk) (→Sites Using This Hack) Next diff →
Line 37:		Line 37:
	* elementcomputers.blogspot.com		* elementcomputers.blogspot.com
		+	* [http://pribshealth.blogspot.com/ Prib's Health]
	* unknown		* unknown

---

Revision as of 16:35, 26 September 2006

Contents 1 Platform 2 Author 3 Homepage 4 Skill Level 5 Description 6 Method 7 Sites Using This Hack

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

1. Create an icon and save it.
2. Upload it to an image hosting service or an external web host.
   1. This is the hard part, find a service that will host .ico - if known please link.
3. 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.