Mofomon

Finding a careful scrutiny should try Need Quick Cash Need Quick Cash lowering the years old.

Mofomon

Pure Awesomeness… Sort Of…

How to create an icon or favicon for your website

If you look in your browser next to my URL you should see a small icon that represents my website. This is called a favicon, or a favorites icon (since it used to only come up if someone favorited or bookmarked a website). I just created and added mine tonight! I’m a little excited to no longer see the plain blank white page icon next to my URL.

How can you create one for your website too?

For starters, a favicon can be created from an existing image or it can be created from scratch using an icon editor. The image size of the favicon has to be exactly 16×16 pixels. The name of the image file has to end with .ico extension. The default name of the icon file is favicon.ico, however, the file can be named anything else as well. If you choose to name it something other than favicon.ico you will need to add some extra code to your website to make it work.

To create a .ico file you need to use an icon creation software, you cannot rename a .bmp or .jpg file. I used PixelToolbox but Atomix. Download the free software, start it up, and choose “Windows Icon”, “16×16”, and press the start button on the top right. Now either paste an image or create your own! Once you are done, save this file to your harddrive as favicon.ico (or your other .ico name).  Now upload your file to the root directory of your website.
After creating the icon, you must associate it with your Web page. One way is to save the icon with the default file name of favicon.ico in the root directory of your domain — for example, http://www.monicaadjemian.com/favicon.ico. Each time your web page is loaded or added to a user’s favorites, the browser automatically searches for this file and places the icon next to the URL.

If you chose to name your file something other than favicon.ico then you need to put the following code in the head section of your code (website document).  Be sure to adapt the code to fit your website name, icon location, and icon name.
<HEAD>
<LINK REL=”SHORTCUT ICON” xhref=”http://www.domain.com/iconname.ico” mce_href=”http://www.domain.com/iconname.ico”>
<TITLE>Page Title</TITLE>
</HEAD>

1 comment

1 Comment so far

  1. […] a website or blog to monetize (check out some of my earlier posts that can help you get started:  Create an Icon / Favicon for your website;  Discount on Hosting; Simple Guide to Website Promotion; Optimizing For Search Engines; 5 Ways to […]