The Favicon, is the little picture that appears next to the website address in your browser (and also on the website tabs for browsers that support tabbed browsing), and in the bookmarks when your site is bookmarked.
It’s these little things that help your website stand out, create your own branding, and help your visitors remember your site. Here’s how to do it:
- Create your icon. I used Photoshop to create mine, but i suspect most image editors will do the trick. Just take the image you want to use, make sure its square (same size on all sides), and then reduce it to 16×16 pixels. Save it using the .ico file extension (i.e. myimage.ico, I saved mine as “ty.ico”).
If you don’t feel comfortable creating your own, or don’t have the time, do a Google search for free favicon generator and you’ll find a bunch of free resources to make it automatically online for free. - Upload your new icon image to your web server. I saved mine to the “images” folder of my root web (i.e. “www.tysblog.com/images/ty.ico”
- Insert the code below (text in green) into the “head” section of you index page (between <head> and </head>
. Wordpress users insert it into the Header.php file - go to “presentation/Theme Editor, and select “Header” from the right. You can place the code just under your “Title” tag.
<link rel=”shortcut icon” type=”image/ico” href=”http://www.YOURSITE.com/images/ty.ico”>
(remember to change the URL to your own and make sure the path to the icon file is correct in the code if you saved your icon to a directory other than “www.yoursite.com/images”)
If you want to make your favicon stand out a little bit more you can go here: http://www.html-kit.com/favicon/ to add text and animate your icon (although the icon will not show up someone’s favorites/bookmarks if they add your site if you do use an animated icon - just FYI).
UPDATE: If you are using wordpress I just found a FREE plugin that will help you create and install a favicon. I haven’t used it yet but from what I saw at the publisher’s page it couldn’t be easier. CLICK HERE to visit their site.
That’s it! Enjoy…
Like this blog? Sweet! Wanna help a guy out & buy me a cup of coffee?
If you liked this post,do me a favor and
Stumble it! Thanks!
1 response so far ↓
1 Larry Makes Money Online // Feb 15, 2008 at 11:03 pm
Wow!! Great work.. I have wanted to do this ico thing on my url. Just that procrastination keeping holding me back. Trying to make money online has been my main focus. Especially now I’m trying to make money from ebay. I’m also trying to make money from a new up-and-coming gaming business model. Check out my blog desire-for-wealth.com
[Reply]
Leave a Comment