Your Own Favicon

This day I have completely tried to change my blogs design with this template and what's more?

You can see that i have myself a cool favicon. Now don't ask me what it stands for! Its a secret.

So did you ever wanted to create your own favicon and make your blog/website unique?
Now I'm gonna teach you how you can create or generate your own favicon and upload it into your blog template.


Getting started :

Now get yourself a unique image which you want as your favicon, now we need that image/pic to be resized to 16x16.
I know its way too small but what can we do, we ought to follow the rules right.

If you want to make your own favicon then you can use Photoshop, If you have no idea how to use the Photoshop but still want to create your own favicon then I got a solution for you. Read this tutorial on how you can create your own favicon.

So for those who already have an image, we have to resize it to 16x16 as i said before.

You can use the online favicon generators like Dynamic Drive or Favicon
Now once you have downloaded your favicon, you have to upload it on any image hosting website.

Now copy the link to the favicon and go Layout->Edit HTML on your blog.
all you have to do is insert the following piece of code just before </head> tag of your blog's template.

<link href='http://yourimagehost.com/favicon.ico' rel='shortcut icon'/>
<link href='http://yourimagehost.com/favicon.ico' rel='icon'/>

Change the code "yourimagehost.com/favicon.ico" to your favicon's link.

Save your template and There you have it ! Your own favicon.
The fun part is you can change it when you have a cool new one in your mind, just upload it and change the url in your template, Simple !

If you want to see awesome favicons by different people you can visit Smashing Magazine's 50 remarkable Favicons

If you need any help just post it in the comments section..

Related Posts :