How to Change your fav icon - Yakkel - the premier free host!

Either your browser does not support javascript or you currently have it disabled.
You must have javascript enabled to use pretty much all of our site - come on now, it's 2009!

How to Change your fav icon Login to favorite tutorial!

Create your favicon that you want to use.

It should be 16x16pixels.

Save the file as favicon.ico

Upload the favicon.ico to the directory with your index file.

Use the code:

<link rel="shortcut icon" href="http://www.YOURSITE.com/favicon.ico" />

in your index file, where YOURSITE is the domain to your website.

Comments for this tutorial (7)

hautelyts on October 17th at 2:08am

That last step for some reason got cut short, but the last step is

Open your ftp and login. Find your favicon file, and drag it over into your ftp files, and your finished.

nickawhat on October 20th at 2:57am

Or, just put this code in your header...
&ltlink rel=&quotshortcut icon&quot href=&quotIMAGE LINK HERE&quot&gt

nickawhat on October 20th at 2:58am

Sorry, the code didn&#39t show... click the link below for an image of the code.
http://i36.tinypic.com/6ycmci.jpg

nickawhat on October 20th at 2:59am

The image must be 16x16px

hautelyts on October 20th at 8:38am

Yeah but if you use that code it will only be on certain pages, if you do it my way it will be on every single page and you won&#39t need that code!

nickawhat on October 23rd at 1:22am

You just put the code in the header of every page, or if you got wordpress then its easier because you just need to put it on the header.php file.
.ico files are not the best files that&#39s why.

admin on December 17th at 1:24pm

Helpful tutorial!

Welcome!

Yakkel is your central source for web developer tutorials as well as a leading free web hosting provider.

500mb storage space
FTP access, unlimited email accounts, unlimited subdomains!

Host all your domains, for free!

learn more by taking a quick tour ›
learn about our free hosting ›
signup now ›

About this tutorial

This is how you can have a icon next to your URL in the address bar.