My friend Barbara at http://bloggingwithoutablog.com/ asked me how I got my picture to show up next to the URL at my blog, (please notice that this only works on Firefox and Safari I think) well instead of replying to her directly I will share the procedure how to do it with everyone. I think having your logo (well in my case the not so cute my face) to show up next to the URL on your blog gives it a personal touch, and make your blog stand out from the rest.
The process is fairly simple; create a 16×16 pixel .GIF or .PNG image that is related to your site (in my case my ugly face) and save it as FAVICON.CO then upload it to the root folder of your site, in my case is wwwroot\wordpress. After you upload the picture to the root folder, go to your theme header and add this code between the head tags;
<link rel=”shortcut icon” href=”http://yoursite.com/favicon.ico” mce_href=”http://yoursite.com/favicon.ico”>
<link rel=”icon” href=”http://yoursite.com/favicon.ico” mce_href=”http://yoursite.com/favicon.ico”>Please substitute the “http://yoursite.com” example with your own blog URL, now when you open your site with firefox or Safari your icon should appear next to your blog URL.
Thanks Barbara for the tip to write this post.
Nelson,
This is superb. Gosh, that sounds so easy…I think. Someday I may try it.
Thank you also for the link to my site.
Isn’t blogging just the greatest?