Forum Critique

HomePortalRegisterGalleryFAQSearchMemberlistUsergroupsLog in

Share | 

 Making A Favicon

Go down 


Number of posts : 16
Age : 27
Where are you from? : Maine, the best...
Registration date : 2007-01-29

PostSubject: Making A Favicon   Tue Feb 06, 2007 7:52 pm

Making A Favicon!

Hello all, today I am going to show you how to make a “Favicon“. This can be a very nifty tool in your box to improve your site, and set it apart from the other forums out there!

Now I know some of you are wondering what is a favicon..
This is normal called a “shortcut icon”.

The basic code for this is
<link rel="shortcut icon" type="image/x-icon" href="Your_File_Here.ico" />

However it takes a lot more then does doing that. You need these 3 things:
    1) A Photo editing program, such as MS Paint, GIMP, Photoshop.
    2) A ICO file converter.
    3) A ICO file hoster.

If this tutorial I will be showing you how to get and use a ICO file converter, and how to host them, once made… however this will not show how to use a photo editing program.

Getting the images you need!

ICO’s normally show up at about 16x16 (In pixels), so when using your photo editing program maker sure you have the file at 16x16 pixels.

Getting your ICO converter, and saving a file as a ICO!

In this part of the tutorial I will be using this free convert called, Imagicon, which can be found here: If you already have a convert that you use, you can skip this part of the tutorial.

Once you have this converter downloaded and installed run the program, you should see this:

    Now take your 16x16 pixels .BMP file and drag it to the convert like this:

    Now your convert should look like this:

    And your file should as be added to your desktop:

Hosting you ICO File!

In this part of the tutorial I will be showing you how to get and host a ICO file. I will be using Fileden, which is found at: if you have a ICO hoster you can skip this part.

To host a .ICO file on this site you will have to register on their site. This is quick, painless, and FREE!

To do this for free go to: and choose: “FREE
Account”, by going to the bottom and hitting “select this plan”
Now register, and activate your account. Once this is done log in and your are ready to start!

You will see a: “This folder is empty. Click here to upload files into this folder.” click on the “Click here”.

Now the page with change and you will see a “Browse…” button, click on that and find the file you wish to host. Now scroll down, and click on “Upload files”.

Now click on “Files”, this can be found at the top of the screen, in the “navbar“. The page with change and you will see your file, click on that and then copy the URL.

Getting that ICO File on your site!

With the URL copied go to your Administration Panel.
    Your Admin PC:
    Arrow General Admin
    Arrow Homepage
    Arrow Other meta tags

Now add your code to this, remember the code is:
<link rel="shortcut icon" type="image/x-icon" href="Your_File_Here.ico" />

I hoped that helped, and I hope your enjoy it!


Visit Eon: Online World: Click here
Back to top Go down
View user profile
Making A Favicon
Back to top 
Page 1 of 1
 Similar topics
» Can Topamax be making me crazy?
» Mail: Indian Police Making DNA Tests (merged)
» One aspect of "information overload" on the internet...
» I swear these headaches are making me stupid!

Permissions in this forum:You cannot reply to topics in this forum
Forum Critique :: General :: Scripts to add to your site-
Jump to: