You know when you visit a site, and beside their URL in your address bar, there's an image? Whattt? How'd they do that? It's called a favicon! Addind a favicon is very easy to do- it's just one simple line of code. But the tricky part might be making one. First, you'll need a program called IconArt. If you don't have it, you can download it here!
IconArt is a very simple program. Download that zip folder, unzip it, and install the program. Once you have it installed, you can start making your own favicon!
Favicons are 16x16 pixels, so you're going to have to change your size, shown above. Some other useful tools are marked on there, as well.
Change Colour Pallet: There are a few colour pallets you can use to make your favicon, and if you can't find a colour you want on one, just look through them and maybe you'll find something you like! Not all the colours are there, because it's not in 16 million colour bits, so, you may not always find what you want. But it shouldn't really matter- it's only 16x16 pixels =P No one's going to notice.
Save as Cursor: If you don't have animation shop, this program also makes cursors, too! You'd have to change the size to 32x32 pixels, but still, if you want to make a cursor using this program, it's doable!
Move: If you find that your image isn't placed right, then you can move it with this tool, or even flip it or rotate it!
Invert Colours: This tool's just kind of fun, and gives a neat negative effect.
Show/Hide Grid: This tool shows or hides your grid. In my example above, the grid is on, so you can see where every pixel will be.
Animation Sequencer: The animation sequencer tool adds an extra section to your window, where you can create animations, as shown below.
Once you're done creating your favicon, save it as favicon.ico, and upload it to the root directory of your website. Now, to get your favicon to work, you'll need to use this code and put in in the head section of your coding:
Replace yoururlhere with whatever your site is, and you're done! Put that code on every page that you want your favicon to show up on, and that should all work out.
If you're not into making your own favicons, that's alright! There are some sites that supply free favicons for you to download, one of them being my other site =P So click here if you want to check out the premade favicons I have to offer, or even if you want to request one for me to make! And, that's about it!
**Note- I downloaded IconArt from LissaExplains and learned how to make and put favicons on my site. I did not, however, copy her tutorial. But if you download this program and you're able to, could you please donate to Lissa's hosting bills? Thanks!
