See the cute little sun shining on my Wordpress page address bar above? Or the very familiar ‘g’ on the address bar when you go to any Google page . That’s the Favicon. (So sorry, IE 6 users can’t see it ).And why is that minute design detail necessary. Well, it works more like a brand logo of your website/blog rather than just another design feature. You of course want to project your blog as a brand , a service which is recognisable. Labnol.org has the favicon of ‘D i’ as in Digital Inspiration. Now it is just a piece of little code to be included in your Wordpress package and we’ll get to that in a while.

For those who host it on Blogger, by default the Blogger favicon should appear, but then, that can also be done away with. Now back to Wordpress. Go to the Theme Editor page in your Admin console. Now if you don’t know how to reach there, once you LOGIN to your Wordpress Admin page, click on the Design tab, and then click Theme Editor. GO to the Header php file titled header.php (surpisingly).

Now typically, this is where you include the code for the favicon. First and foremost, upload your desired Icon ( a .ico file) on any image hosting service ( photobucket, flickr..you know the names) or you can host it on your own server where you have hosted your wordpress. This is more advisable so that whenever you change your theme, your favicon would change as well. Anyway, typically, the icon goes in the theme folder itself. Now if it is included within the template folder itself, this is how the code will read.

<link rel=”shortcut icon” type=”image/ico” href=”<?php bloginfo(‘template_url’); ?>/favicon.ico” />

You have to include this code in the header.php. Almost anywhere, but I prefer to keep the code a bit clean by including below the code for the navbar:- the bar which has the link to the pages. And once you are done with it, click update and voila, your Wordpress blog is now Favicon Branded. Flaunt It.

SHARE IT:

..................................................................................