Favicon is really a 16 X 16 small graphic icon that appears within your browser address bar beside a web site domain name. Also, it is known as a shortcut icon, website icon, bookmark icon or maybe a URL icon. Its gives branded look for your website and makes it stick out. By default in all blogger blogs you see a small orange icon
that shows next to all subdomains with BlogSpot as the extension. Even those who have purchased domains see that orange icon as the default favicon. Most of your might have observed that your custom favicon displays in both Firefox, chrome and other major browsers but you can not see favicon appearing in Internet explorer instead you see the same orange icon.
Blogger also introduced a Favicon widget using which you can replace the default favicon with a logo image of your choice but unfortunately most of you are still confused on why you can not make the icon working in IE browser.
In today's tutorial we will know what causes all the trouble and will successfully upload a favicon of our choice as your blog's brand logo. In blogger you would insert the following HTML code just below the opening tag to make the icon appear:
<link rel=icon type=image/gif href="LOGO Link in gif format">or this:
<LINK rel="shortcut icon" type=image/x-icon href="LOGO link in .ico Format">By inserting the logo links you can easily make the icon appear on the address bar. But this method wont make the icon appear in IE because Internet Explorer always fetches the favicon from the root domain. IE wont accept the icon if it is stored on your picasa album or in any other image hosting service or even if it is stored in any of your sub domains. It will also not accept the icon if its not stored in .ico format or if its size is greater than 16 X 16 pixels.
These are the three reasons that explain why your favicon does not show in Microsoft's browser and why IE conflicts in this case. Lets now fix this issue of no visibility and make things work just fine!
We will use the same widget that blogger provides but with correct requirements. Luckily the widget provided by blogger will automatically convert your logo into a .ico format even of its original format is gif or jpeg. So you don't need to worry in this case. Follow these steps
Create a 16 X 16 pixels (or a square size) logo icon for your blog either using Photoshop or any of the 30 Web tools we introduced. Note you must rename your icon anything other than favicon. In our case we named it fav. In order to force replace the default icon with yours you must save it with a different name else it wont display in any of the major browsers.
Now go to Blogger > Layout > Page elementsClick the edit link next to Favicon at the top-left corner
Confidently upload your logo using the browse button and hit Save Clear your browser cache and visit your blog in both Firefox, Chrome and finally IE8+ to see a beautiful website icon just next to your domain inside the address bar!
The steps are self explanatory and easily implementable. If incase you got yourself into a trouble just post your query and we would love to sort out your problem. I just hope with this IE fix, your free blogger blogs will get a whole new dressed up look. Happy blogging. Peace and blessings pals. :)
How to Display Your Content on a Blog’s Front Page
25/08/2013 - 0 CommentsThe front page of a blog is obviously of great importance to the overall design.Up until a few years ago,…
Verified Fb Page tick mark 4 Blogger Author Comments
13/08/2013 - 0 CommentsDo you noticed a tick mark in some Facebook Pages like Actors, Political Leaders. Verified mark is only…
How to Add Custom Robots Tags in Blogger
19/08/2013 - 0 CommentsHow to Add custom Robots Tags in Blogger:- Today I am going to teach you a special SEO related Tutorial…
Dofollow comments increase Page Rank
06/02/2012 - 1 CommentsIn this simple SEO article I am going to show you how to use dofollow comments to increase Page Rank for…
Google Code Hosting for Free
14/09/2012 - 0 CommentsHosting on Google Code is for every professional and beginner blogger/webmaster ho needs a suitable hosting…
SEO 10 worse Techniques of search engine optimization
22/10/2013 - 0 CommentsSEO Fail! 10 the most worse Techniques of search engine optimizationYou have heard of the seo technology the…
50 great Google Secrets and Tricks
09/09/2013 - 0 CommentsAmazing Google Secrets, tricks and amazing facts I found all over the Internet. Just for you guyz!! Hidden…
Tips for Bloggers - Time Management is really important
04/06/2012 - 0 CommentsBlogging is obviously not as simple as many people think it is. Blogging is really a business and involves…
Random Posts...!!!
Posted in: Fix Favicon Visibility in Internet Explorer For Blogger,Hacks,marketing,SEO,Tips,Tricks
1 comments:
Thanks guys, for sharing this conductive accumulation.
free seo bookmarking list
Post a Comment
Please feel free to comment on this topic.