How to Add a Favicon

Favicon is a small icon located at the address bar of your browser window and is used for identity and branding of a site. Favicon is short for favorite icon and is recognized by its ".ico" extension. If you're using the later versions of firefox and Explorer, then it would also be displayed on the tabs. Spoon Lagoon has one. It's my picture! Yeay!

Favicons are usually the logo of the company who owns the site but most bloggers don't have a logo, just like me! So what I used as a favicon is my picture. It is really up to you to decide what picture to use but I suggest soemthing simple because favicons are just 16x16 small. So let's start with generating your own favicon. There is a good number of site that generates afavicon for free but the one I used is by IconJ. They make it very easy to make a favicon.

1. Click BROWSE. Import the photo from your computer.
2. Since favicons are small, you might wanna sharpen it by clicking the drop down box SHARPEN LEVEL.
3. Click UPLOAD IT! to generate your icon. You will then see the actual favicon you'll be seeing next to your site's URL.
4. There would be two option to display your favicon but the easier way is by direct link. Copy the code generated from your favicon.
5. In blogger, go to your dashboard. Click LAYOUT then EDIT HTML. Be careful not to mess with anything in your code. Better back it up or be sorry. Tick the Expand Widget Templates check box and look for "<head>". A much faster way to do this is by typing CTRL F and type the code .
6. Just above it, paste the code you've generated through IconJ.
7. Click Save.

And there you go! You now have a favicon for your site. If you're having problems please tell me and I'll try to help you with your favicon.

Post a Comment

0 Comments