Render Blogger Blog in IE using Google Chrome Frame

google-chrome-frame

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).

14 comments :

  1. Now, This is the way to to kick off IE! Thanks for this amazing stuff :)

    ReplyDelete
  2. Thanks alot..
    Really My Blog Load Faster Now,
    And many problems were in my template found in IE were Fixed!
    My Best wishes for you
    ^_^

    ReplyDelete
  3. Thank you for this one. My blog is having a problem with IEs and I hope this can fix the problem. Thanks!

    ReplyDelete
  4. @Boffill, Phi-Anime - it wont fix problems in IE. It will fix the IE problems on PCs where the Chrome Frame is installed :)

    ReplyDelete
  5. Awesome post! Thank you so much for sharing. This entire Blog is fantastic!
    Thanks for the great post, i continue to learn from your advice!

    ReplyDelete
  6. for promoting the users i think above code can be much simplified by using the code below.

    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/chrome-frame/1/CFInstall.min.js"> </script>

    <script type="text/javascript">
    CFInstall.check();
    </script>

    ReplyDelete
  7. I was looking for a way to render my site using chrome thanks.

    ReplyDelete
  8. thank you for sharing your ideas

    ReplyDelete
  9. very clear instructions! thanks for the tips!

    ReplyDelete