Favicon

From Bloggerhacks

(Difference between revisions)
(Method)
 
(12 intermediate revisions not shown)
Line 1: Line 1:
-
==Platform==
+
{{moved}}
-
 
+
-
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 [http://blogfresh.blogspot.com/2005/09/blogger-hacks-series-graphics.html 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 [http://en.wikipedia.org/wiki/Favicon 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 [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'/>
+
-
 
+
-
This will allow you to host your favorite icon on photobucket or the like.
+
-
 
+
-
==Sites Using This Hack==
+
-
 
+
-
* elementcomputers.blogspot.com
+
-
* unknown
+
-
 
+
-
Edit this area and add your own link if you are using this hack.
+
-
 
+
-
[[category: hacks]]
+
-
[[category: graphics]]
+
-
[[category: favicon]]
+

Current revision as of 11:10, 22 September 2009

Bloggerhacks has moved!

Please visit

the Favicon page at Wikia.
Personal tools
FreshTags