To add a customized favicon to your blog:
- Find a picture you want to be your blog icon. This can be any image — and any size. Two notes: putting big images is a bad idea because it will load slower, and still will only be represented with 16x16 icon; it is better to use square images, as the image will be zoomed to 16x16. You can also use animated GIF images like I do. A great amount of favicons can be found in this great favicon collection.
- Host the image somewhere. I use imageshack. Write down direct image url.
- Open your blogger template (Dashboard->Layout->Edit HTML). Find the line
(it should be somewhere at the top), and insert the following code after it:
<link rel="icon" type="image/gif" href="http://example.com/path/image.gif">
Replace http://example.com/path/image.gif in the example above with the path to your favicon, and image/gif with the appropriate icon file type - image/png for *.png, image/jpeg for *.jpeg, img/x-icon for *.ico. Make sure you write the full image URI to make it compatible with most of browsers.
- Done. Preview and save the blog.
0said thank you for this page
|Liked this article? Bookmark/share it with others:||Didn't like the article, found a mistake or just want to express your own opinion? Post a comment!|