Generate Favicon for your Blog

Favicons are small icons shown next to site names in URL bar of web browsers. You can customize the favicon of your blog by selecting an image from your computer or web.

Genfavicon is a free and very good site to generate favicons. To generate a favicon for your blog, go to this site and upload your desired image from your computer or web. Select the uploaded image and use mouse to drag or resize it. Select the size 16 x 16 and click on capture and preview. If satisfied with generated preview, download favicon image to your computer.

Follow this easy tutorial to add favicon to your blog.

How to add custom icon to your blog?

You can change the website icon of your blog. Its simple and easy.

1. Create an image

Create an image of size 16 x 16 px, in format .png, .gif or .ico using your favorite image editor program.

2. Upload your image to web 

Now upload your image file to any image hosting website. I recommend Photobucket for this purpose. Copy your image URL. It should be like http://i718.photobucket.com/albums/abc/xyz/favicon.ico

3. Edit HTML of your Blog

Go to Blogger Dashboard > Layout > Edit HTML and put the following code between </b:skin> and </head> tags in your Blogger template. Replace ‘your-image-file-url.ico’ with your image file URL in following code and save template.

<link href='http://your-image-file-url.ico' rel='shortcut icon' type='image/x-icon'/>

That's all. If your favicon doesn’t appear on browse, clear the browser cache.

Related Posts :

Generate Favicon for your blog