Home

Tutorials

Articles (6)
HTML/CSS (15)
Javascript (3)
PHP (3)
Paint Shop Pro 7 (7)
Flash CS3 (9)

Design

Avatars (166)
Layouts (8)
phpBB3 Skins (4)
Buttons (20)
Fonts
Emoticons
Adopt

Quizzes

Classical Elements

Your Baby's Looks
Clothes Color

More (10)

Interactive

Button Rotation
Hosting
Livejournal

HTML & CSS Tutorial: Change to a Custom Favicon

What is a favicon, you ask? If you're using Firefox, it's the icon in the address bar next to the site URL. At neskaya.net, it should be a strawberry. Whether you're using Internet Explorer or Firefox, if you bookmark this site, it's the icon that shows up next to the bookmark!

It's really nice to be able to have your own cute favicon and to give some originality to your site! Here's how you do it.

First, you must create a 16 x 16 pixel icon and upload it. Simply save the image file as an .ico file. What I did was go into Paint Shop Pro, put the strawberry in a 16 x 16 transparent template, exported as GIF with the name as "strawberry.ico" ^_^

Once you have your icon, copy the following into the <head> section of your webpage.

Save and try it! That's how to display your own favicon.

Affiliates

None

Apply

Tutorials

Design

Quizzes

Interactive

HTML & CSS Tutorial: Change to a Custom Favicon

Forum

Site

Site of the Month

Affiliates