Thursday, February 2, 2012

How to change Favicon in blogger

Favicon is a small icon shown next to the site URL in the browser's address bar. It is available for all websites with an image type of ico. In blogger, it is an orange colored icon by default. 



By performing the following simple steps you can change this default favicon to your own icon and it will give a good and unique looks to your blog site. Before following the step you need to create your own favicon. There are lot of free favicon generating sites are available or other wise you can create by image editing tools like photoshop or gimp.

Use Blogger Admin feature

Blogger has officially launched feature to change the default favicon through admin section, in the layout tab.
1. Login to your blogger account http://www.blogger.com
2. Then goto the Layout tab
3. In this Layout tab you can see the region called favicon. Click on the edit link
4. A new window will open, there you can select favicon image stored on your computer.
NB: This feature support ico format only
5. After you have selected your image, click the save button. Blogger will automatically resize and upload your image to your blog.




Manually Update the image

For this option you need to host the favicon on a website. A lot of free image hosting sites are available in internet.

1. Login to your blogger account
2. Then goto the Template tab. Before updating the favicon please take a full back up of your blog template.
3. Click on the edit HTML link and then look for the code "<title><data:blog.pageTitle/></title>"
4. Paste the following code right after the above code
<link href=’FaviconURL’ rel=’shortcut icon’ type=’image/x-icon’/>
FaviconURL - is the website address or location where your favicon hosted.
 5. Then save the template. Blog will load with your new favicon.

0 comments:

Post a Comment

Related Posts Plugin for WordPress, Blogger...
Twitter Delicious Facebook Digg Stumbleupon Favorites More

 
Design by Free WordPress Themes | Bloggerized by Lasantha - Premium Blogger Themes | Maintained by Web Themes