Creating My Favicon

It’s one of those days where I try to be productive and set a deadline to stop doing nonsense things only to end up doing the nonsense things instead. And as the clock ticks, so does wasted time. *sigh* Anyway, I tried to create a favicon for the site which won’t involve photos.

So with a little help from PhotoScape and Photoshop CS4, here are two designs I came up with. I’m not sure if I like to keep any of these. But this will do for the meantime. I used PhotoScape to create these and used Photoshop to remove the background color. I haven’t started watching the Photoshop Tutorials I got from Verge so I can’t really do much with Photoshop yet. Don’t ask me why I chose red coz I dunno the answer too. hehehe. The other one looked like a bird and a magnifying glass on top of it while the other one’s simple. Aiming for it to look like a hand, feet or something but I don’t think I achieved that. I guess I’ll choose the 1st one since it is more clear than the second one. Here’s how they looked when resized to 16×16.

1st one –   | 2nd one – 

Oh, for those who doesn’t know what a favicon is, here’s wiki‘s definition:

A favicon (short for favorites icon), also known as a shortcut icon, website icon, URL icon, or bookmark icon is a 16×16 or 32×32 pixel square icon associated with a particular website or webpage.

You can check my favicon on top of the address bar to see what I mean 😀

And to apply it to your website, you need to add this following simple HTML line in your header section before this one – </head>

<link rel="shortcut icon" href="">

where the http stuff is the link to where you saved your image, whether in your website or somewhere else like Photobucket.

In my case, this is the HTML code I used in my site:

<link href='' rel='shortcut icon' type='image/png'/>

So, I guess I’ll stop here and better get some work done or else I’m gonna be doomed with those backlogs 😆


Copy Protected by Chetan's WP-Copyprotect.
%d bloggers like this: