Saturday, April 11, 2009

How to add custom favicon to your blog

If you own a blogger account, you may notice the favicon is usually the same: A 'B' surrounded by an orange square. In case you don't know what a favicon is, it is used to identifies sites on tabs, etc. Look at google- it's a 'g'. <---Favicon example

Since this was highly requested, here's the tutorial for it:
1)Get/Create a favicon. This site is great for creating or turning your images into favicons. Favicon.cc should be easy to use- if you want to use a pre-defined image, select Import Image, open it, and then make all necessary adjustments. Then simply click 'Download Favicon' on the bottom! Viola.
2)Upload your favicon. Since you want your favicon to stay as long as your site stays, I recommend hosting it on the site that gives you the most bandwidth as possible. Sites include Flickr, ImageShack, Photobucket, and even Windows Live Skydrive.
3) Put your favicon into your HTML. On most image hosting sites, you should find a place where they give you a direct link. Copy that, and then log into your blogger blog, click Layout>Edit HTML. Use Ctrl+F (Cmd+F on Mac) and find <./title>. Remeber to remove the . (dot) from it. Then, go to this link and copy and paste the code from it:



Paste this code right after the <./title>

Just replace 'Your link here' with the link you copied.
4. Refresh you Blog page and enjoy!

If you have any questions, comments, or concerns, remember to leave me a comment. If you enjoyed the post, remember to Suscribe to my RSS feed. Or email me at finaiized(at)gmail.com if you want. I`m welcome to all suggestions you may have, and am willing to help you.



No comments:

Post a Comment