Get Your Own FavIcon

Creating one of those is very simple, it’s not for just those popular sites. If your starting a blog or just haven’t added one yet because you don’t know how to, my simple instructions will have you one within minutes.

Why do I want One?

  • Having uniqueness to your blog is something that attracts visitors. Having a FavIcon is part of personalising your blog.
  • It looks much nicer if someone bookmarks your blog. They will see the icon and it’ll remind them that it’s your blog, it basically brands your website.
  • They make you stand out from the crowd, especially to people who don’t have a FavIcon.

What do I need to make it Look like?
Choosing what your icon looks like is entirely upto you, but there are some things I could try to gather your ideas from.

  • Your layout is a base for your FavIcon, if you see mine, I have a dominent colour of green in my layout and that is shown in my FavIcon. It gives the FavIcon a sense of belonging to your website.
  • Take a picture on your website, maybe it’s your face and shrink it down.


How To Create It

1. Your going to need to create the image first of all. Make sure you take your time make sure the image size is 16×16 pixels. This is the required size for a FavIcon, it’s all the space you have to work your magic. You can create your image in paint or any other graphics program like Photoshop, it’s whichever you find most comfortable.

2. Time to make your file an .ico. .ico is the file extension for a FavIcon so you need to make it that. You can do this simply by uploading your image to websites like the ones listed below. They will automatically make your file an .ico if your program can’t.

  • DynamicDrive - This website will automatically create a FavIcon from an image and create some other icons for you from an image, but if you have your own 16×16 image, just upload it and click ‘Create Icon’. Once it’s done download it again and you can go onto the next stage.
  • FavIcon from Pics - Does basically the same thing, generates a FavIcon from a picture. Visit it here.There are many out there, but you only need to find a working one that will do the job.

3. You can now upload it to a directory however you usually upload your files. You can save it in a folder similar to ‘images’ if you like.
4. One final step, just add the following code to your website inbetween the < head > tags.

These icons link to social bookmarking sites where readers can share and discover new web pages.
  • StumbleUpon
  • bodytext
  • Reddit
  • Technorati
  • del.icio.us
  • description
  • MisterWong
  • NewsVine
  • Facebook
  • TwitThis

If you liked this post, why not Subscribe to My Feed?

Subscribe via Email: