neskaya
Follow [ bookmark livejournal facebook twitter rss stumbleupon ]
Log in to download layouts, skins, and emoticons. Register?

Designs

Web Templates
LJ Layouts
phpBB3 Skins

Graphics

Avatars
Textures
Buttons
Emoticons
Pixels
Fonts

Misc & Fun

Quizzes
Tutorials
Interactive

Community

Forums
Rotation

Site

FAQ & Contact
Links

Affiliates

Komet Tails
Smile Scan
Dragonrain

xHTML Tutorial: Using 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.

<link rel="icon" href="YOUR URL.ico" type="image/x-icon" />
<link rel="shortcut icon" href="YOUR URL.ico" type="image/x-icon" />

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