Tips, Tools and Tutorials for Making Money with Adult Blogs | Adult Blog Builder

Create and Use a Favicon

Written by Bec on January 16, 2012 – 7:01 AM -

If you aren’t creating a favorite icon for your website urls, you should! The icon is saved to the surfer’s bookmarks and it’s a fact that people do become familiar with a site’s “icon/name brand” and will often click on it over a site that they don’t remember.

A favicon (short for “favorites icon”) is an icon associated with a website or webpage intended to be used when you bookmark the web page. Web browsers use them in the URL bar, on tabs, and elsewhere to help identify a website visually.

A favicon is a graphic 16 x 16 pixels square and needs to be saved as favicon.ico and uploaded into the root directory of your server. You can use a favicon with any WordPress blog where you have ftp access to the root directory.

Easity create a favicon with a graphics program that will allow the saving of .ico graphic files, such as The GIMP. There are also online services that will allow you to create a favicon for free, such as favicon.co.uk or Dynamic Drive, or HtmlKit. Just follow the instructions provided by the site, save your creation and then download the image file of the favicon.ico to your computer..

The image should be clear and is usually designed to match your blog image and/or content, a big task for something so small.

To prepare the image to be saved as favicon.ico:

By cropping or adding space around the image, make the image square.
Resize the image to 16 x 16 pixels.
Save the file as favicon.ico.

Installing a Favicon in WordPress

If there is already an old favicon.ico file in your current theme’s main folder, delete it using FTP Clients.

With an FTP Client, upload the new favicon.ico file into your current theme’s main folder.
Upload another copy of your favicon.ico file to the main directory of your site (ie. http://example.com/favicon.ico). This will display the favicon in your subscribers’ feedreaders.

To see your new favicon, clear your browser’s cache. You may need to restart your browser in order to see the new favicon.