Render Blogger Blog in IE using Google Chrome Frame ~ Easy HTML Tricks for Blogging

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]>
<style type='text/css'>

      .chromeFrameOverlayContent{top:10px;margin-top:10px;}
   /* 
    CSS rules to use for styling the overlay:
      .chromeFrameOverlayContent iframe
      .chromeFrameOverlayCloseBar
      .chromeFrameOverlayUnderlay
   */
}
</style>
<script>
//<![CDATA[
     // The conditional statement ensures that this code will only execute in IE,
     // Therefore we can use the IE-specific attachEvent without worry
     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).