Hunter Network . Free Templates . Free Graphics . Web Hosting Directory . Top Template Sites . Web Design Directory

Create Favorite Icon

| Main | Template Blog | Top Site | Template Search Engine | Webmaster Resources | Video Turtorials | Site Map |

Template Offers
7,500 + Templates
osCommerce Templates
Template Membership
100's of Templates
Dreamweaver Templates
Free Web Templates
CategoryeCommerce Templates(2)
CategoryFree Business Templates(4)
CategoryFree Portal Templates(1)
Main Menu
Free Templates Home
Blog Templates
Dreamweaver Templates
Flash Templates
Logo Templates
Mambo Templates
Swish Templates
Buy Web Templates
View All Templates
Video Tutorials
Webmaster Articles
Write for Us
Advertise
Download Our Toolbar
Contact Us
Search
Link to Us
Webmaster Resources
Webmaster Feeds

Free Templates Home arrow Webmaster Articles arrow Web Design arrow Create Favorite Icon

Template Blog


Create Favorite Icon PDF Print E-mail
Written by Emir Plicanic   

Favorite icon appears to the left of your link in either address bar or in favorites menu of your browser. It gives your website more personality, better visibility in favorites menu and is easy to create.

You'll need:

  • Image editor software
  • Icon Editor Software.

If you need icon editor, I recommend you PixelToolbox, which you can download for free. http://www.axiomx.com/PixelToolbox/

Using your favorite image editor create 256 color, 16x16 pixels image and save it as a .gif, or if you are using PixelToolBox .png or .bmp file.

Open your Icon editor software and import the image you just created. If you are using PixelToolbox, on the start screen select Windows Icon; 16x16; 8 bit 256 color pallet; click start.

In the new window click Import and navigate to the image you created. Edit image if needed and save it as favicon.ico on your hard drive.

Upload the icon to the root folder of your web site.

Browser will automatically look for and display the icon you created. However, if you want to help browser find the icon put following between head tags of your web page:

< link rel="shortcut icon" href="http://www.your-website.com/favicon.ico">

To test your icon, delete all temporary internet files from you machine, go to your web site and add it to your favorites folder. See how your icon looks between other links. You want your icon to stick out, so you may want to change some colors or shapes. Just make sure to clear your browser cache before you test new icons.

About the Author

Emir Plicanic
http://www.bewebmaster.com

 

Related Items

Tools
Bookmark Website
Bookmark Page
Make homepage
Print Page
Most Recent

Popular

Advertisement

Webmaster Tip
Web templates are a great alternative to custom designs.
 
Advertise on Template Hunter
Login Form





Lost Password?
No account yet? Register
Who's Online
We have 6 guests online

Template Tuning
Web Design Helper

Web Hosting

Co-located Hosting

ColdFusion Hosting

Dedicated Hosting

E-Commerce Hosting

Frontpage Hosting

Managed Hosting

Reseller Web Hosting

Unix / Linux Web Hosting

Virtual Private Servers

Windows Hosting

© 2002-2007 Template Hunter


Las Vegas Web Design
Las Vegas Web Hosting

Resources