Blog Tip: Make Your Own Favicon

You know, that little icon in the URL and tabs?

This only works if you have somewhere to HOST the image. If you have a blogspot blog, and no hosting server at all, you will unfortunately be unable to play.

Make your Favicon

Make an image that is 16px x 16px {I use Photoshop to make all my images, but you could crop a logo or existing image you have to these dimensions}. Save it as “favicon.jpg”. You can get an .ico plugin for Photoshop, but it’s easiest to go to http://favicon-generator.org/, browse to your favicon.jpg file, and download the generated favicon.ico file.

Upload your Favicon

Drop this “favicon.ico” file in the root directory of your hosting account. It might take a few minutes for your site to read it.

If you have a blogspot blog, and you have this file hosted somewhere else, add this line of code between your <head> tags {be sure to change “path/favicon.ico” to the actual path to the image, in both instances}:

Tagged: tutorials , favicon tutorial