Particularly if you read my blog from my website (as opposed to through a subscription), you probably noticed that I gave it a small1 makeover, of which, my favorite is my new favicon. A favicon is the little icons you see by the website URL in the address bar, tab, and bookmark list on your browser.
Favicons are 16 pixels by 16 pixels. If you don't have good software on your computer to be able to draw a little image that small, you can use one of several online tools to draw it. After creating the favicon, upload it to your server and simply add this line of code between the <HEAD> and </HEAD> sections of your HTML:
<link rel="shortcut icon" href="http://(website)/favicon.ico">If you user Blogger or another site that doesn't let you upload files, then ICONJ will happily host your favicon.
In my first iteration, I made this icon:
Related Articles:
1Though from the start I wanted a feminine look, I had always thought the template was too pink, so I toned it down a little. I also added a photo to the banner, which I purchased the rights too off iStockphoto, a great place for for photographers to sell their images and for users to purchase the right to use photos royalty-free. I had also noticed that I was getting a large influx of hits from CNN, and found out it was because CNN uses Sphere. Sphere provides links to related blog posts or articles to the page the link is found on. While it won't redirect more traffic to your website for including it, it does give your readers an easy way to look for more information on your topics. I added a link to Sphere myself, below the tags of each post.
2 comments:
You inspired me to finally sit down and make a favicon for Games for Lunch. You can barely tell what it is (an NES cart sandwich) but it's just a first attempt...
http://gamesforlunch.blogspot.com/
Cute! You got the "NES" to come out really clearly (though it doesn't seem to stand out much with the colors). Nice detail!
Post a Comment