How to Make Your Own Favicon for Your Blog
- Filed under: Blog Development
- Date: Mar 28,2009
In line with building the brand of your website you should have your own logo for people to remember you instantly.
The Lifemonies logo needs work but I am using the simple half S half $ logo. You only get 16×16 pixels to work with so it helps to be simple.
How I Made My Favicon for the LifeMonies Network
Open up your browser with your blog on screen. Hit PRINT+SCREEN.
Go into image manipulation software, ie: Adobe Photoshop, and hit Ctrl+New then enter
Hit Ctrl + V to paste your screenshot saved into clipboard onto the new canvas
Ok. Now you have a screenshot of your site.
If you already have made your title logo simply find a key letter, word, image on your site and Resize it into a square. Squish the square into 16×16 pixels (image > image size) Save it as a GIF or JPG
If you haven’t made a site logo then make one.
Go to Favicon Icon Generator to save it as an icon file (favicon.ico)
Making a Quick Header Image
Use the Eyedropper Tool (Adobe) to obtain existing colors from your screenshot. This will keep the favicon aligned with your in place color scheme.
Color the background as per your site. Use the existing text color and use the Type tool to write a new logo. Choose a good font and play until you have it.
How to Implement it into your Wordpress Blog
In wordpress admin go to theme editor
Edit the header.php file
Add the code: <link rel=”shortcut icon” href=”favicon.ico”>
Where favicon.ico is the filename and path of the ico image
Go back to the browser and hit Ctrl+F5 to force refresh and your new icon should be in the browser tab
Other CMS or website software (non-Wordpress)
Try putting the favicon.ico in the root directory. If that doesn’t work try googling favicons in relation to your particular content management system. (Drupal, Joomla..)
Some Cool Favicon Examples
All favicons below are not mine and are the sole property of their rightful owners and are provided for reference only.
Please bookmark and ShareThis page with others if they need to update their site! Enjoy
