Saturday, 13 September 2014

Render Blogger Blog in IE using Google Chrome Frame

Posted by Unknown at 04:41

Google Chrome Frame is an open source plug-in that seamlessly brings Google Chrome's open web technologies and speedy JavaScript engine to Internet Explorer. Older versions of IE doesn’t support the latest web technologies like HTML5 and CSS3. With Chrome Frame,
all these new Technologies will be supported.

What is this Google Chrome Frame (GCF) ?

How can i Render my Blogger Blog using the Chrome Frame?

1. Log in to your Blogger account

2. Go to Design > Edit HTML tab.

3. Look for <head> and immediately below it paste the following line of code.

<meta http-equiv='X-UA-Compatible' content='chrome=1'/>

4. Save the Template

Now if anyone visits your Blog using Internet Explorer and if he/she has already installed the Google Chrome Frame on his/her PC, then your Blog will be rendered using GCF

Advantages of adding this one line code

1. Better and Faster Rendering (if GCF is installed on the visitors PC)

2. Normal rendering (if GCF is not installed) – No the user won’t be prompted to install the Chrome Frame(unless you add some extra scripts to do that).

How can i prompt the visitor to install the Chrome Frame?

If you want, you can prompt IE users( who have not installed GCF) to install GCF. This is optional . To prompt users, Follow these steps.

1. Once again Login to your Blogger Account

2. Go to Design > Edit HTML

3. Look for </head> and just above that add the following code snippet

<!--[if IE]>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/chrome-frame/1/CFInstall.min.js"></script>
<style type='text/css'>
.chromeFrameOverlayContent{top:10px;margin-top:10px;}
</style>
<script>
     window.attachEvent("onload", function() {
       CFInstall.check({
         mode: "overlay"
       });
     });
</script>
<![endif]-->

4. Save the Template. Now the IE user will be prompted to install the Chrome Frame(if he hasn’t got it already). This prompt will appear only once(stored in cookie).