• Welcome to ForumKorner!
    Join today and become a part of the community.

TuT: How to change your site's icon/favicon

Mxlitary

Active Member
Reputation
0
In this tutorial, I will be teaching you how to create and change the icon that shows up for your site in bookmarks and more.

For example, Uzi Gaming's icon is this:
controller.png


____________________________________________________


What you will need

  • An Image
  • FTP/File access to your website

____________________________________________________


Steps

1. Make sure your image is a square in size. If you want a better quality image, then I suggest also changing the size to 16x16 in advance.

2. Go to Converticon.com.

3. Upload your image (make sure you are looking for the right type of image).

4. Once the image has been uploaded, click "export". Make sure that it is set on "Icon" and the 16x16 box is checked.

5. Save your icon.

6. Upload the icon to your webserver.

7. Go into the HTML of page you want to have your icon on.

8. Put this in the head:

Code:
<link rel="shortcut icon" type="image/x-icon" href="The_URL_Of_The_Icon">

9. Save your changes, and re-upload that page to your site.

You should now have a custom icon your site/page.



Note: This has to be manually done on every HTML page you want your icon on.


 

Contest

Onyx user!
Reputation
0
Thank god. ;) I was wondering how to do this. Also, if you could help me out on how to change the tabs name?
a9e8cb.png

See, like change the "Untitled Document" to something else.
 

Mxlitary

Active Member
Reputation
0
Contest said:
Thank god. ;) I was wondering how to do this. Also, if you could help me out on how to change the tabs name?
a9e8cb.png

See, like change the "Untitled Document" to something else.

Put this in the header of the page:

Code:
<title>Desired_Title_Here</title>

I don't think that one needs a long tutorial.
wink.png
 

Contest

Onyx user!
Reputation
0
Ocean said:
Contest said:
Thank god. ;) I was wondering how to do this. Also, if you could help me out on how to change the tabs name?
a9e8cb.png

See, like change the "Untitled Document" to something else.

Put this in the header of the page:

Code:
<title>Desired_Title_Here</title>

I don't think that one needs a long tutorial.
wink.png
Thank you! ;) I'll work on this tonight.
 

Arty

Member
Reputation
0
Nice tutorial, informative, detailed and helpful. Thanks for this!
 

District

User is banned.
Reputation
0
Hope I am not grave-digging or anything but I wanted to say thank-you for this tutorial. I honestly never got around to figuring it out.

Thanks.
 
Top