Three steps to make your own favicon
Why is good to have your own special favicon. That’s easy, it gives your blog something special and unique so you can stand out from the crowd. Lots of people have many bookmarks in their bookmarks folder or favorites in favorites folder so this is right stuff for you. Why? Because in the crowded favorites folder is where your favicon comes in. If you have some nice favicon you can stand out from the crowd and it will give you more traffic.
In first step you need to create your favicon in any editor like paint, Photoshop or similar. Just make 16×16 or 32×32 on and save it as favicon.ico or even better go to this favicon maker where you can make your favicon from every picture you want. There you can even make an animated favicon like mine and you can even put text to scroll with your favicon.
OK, I assume you finished the first step so let’s go to the second one. Now upload it to on your server into the root directory of your site. Now you just need to add the following HTML code inside <head> … </head> section of your web page. The code is
<link rel=”shortcut icon” href=”favicon.ico” >
and that’s it.
If you want, you can play a little more with it. If you want your favicon to be animated like mine, just upload your gif formatted icon and put this code
<link rel=”shortcut icon” href=”favicon.ico”>
<link rel=”icon” href=”animated_favicon1.gif” type=”image/gif” >
this is the way if you made animated icon with favicon maker from the link earlier in the text, you can also write instead of animated_favicon1.gif the name of your icon but don’t forget to put .gif behind the name.
If you want you can also check your favicon to make sure you made it right. Go check it with favicon validator.
And the third and final step is to go to your website and enjoy your masterpiece.
If you enjoyed this post, PLEASE subscribe to my RSS feed!



