Favicon

From Bloggerhacks

(Difference between revisions)
 
Line 1: Line 1:
-
==Author==
+
{{moved}}
-
 
+
-
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,
+
-
 
+
-
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 [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
+
-
###[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.
+
-
### [http://pages.google.com/ Google Pages] will host everything.
+
-
# 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==
+
-
 
+
-
* [http://www.gotakon.blogspot.com/ Gotakon]
+
-
* elementcomputers.blogspot.com
+
-
* [http://pribshealth.blogspot.com/ Prib's Health]
+
-
* unknown
+
-
* [http://allaboutadsense.blogspot.com/ All About Google Adsense]
+
-
* [http://my-labyrinth.blogspot.com/  Shayon's Labyrinth !!]
+
-
Edit this area and add your own link if you are using this hack.
+
-
 
+
-
[[category: hacks]]
+
-
[[category: graphics]]
+
-
[[category: favicon]]
+
-
 
+
-
[[Category:Platform Unknown]]
+

Current revision as of 11:10, 22 September 2009

Bloggerhacks has moved!

Please visit

the Favicon page at Wikia.
Personal tools
FreshTags