Invite your users to update their browsers version

In this tutorial we will see how you invite users to update their browsers for a better visibility of your blog.

1- Login to blogger, go to Presentation >> Edit HTML and find the following code:
]]> </ B: skin>



 


2 just after the previous code Paste this:
<! - [If lt IE 7]>
  <Div style = "border: 1px solid # F7941D; background: #FEEFDA; text-align: center; clear: both; height: 75px; position: relative; '>
    <Div style = "position: absolute; right: 3px; top: 3px; font-family: courier new; font-weight: bold; "> <a href =" # "onclick =" javascript: this.parentNode.parentNode.style.display = "none"; return false; "> <img src = 'http: //www.ie6nomore.com/files/theme/ie6nomore-cornerx.jpg' style = 'border: none;' alt = 'Close this leaflet' /> </a> </ div>
    <Div style = 'width: 640px; margin: 0 auto; text-align: left; padding: 0; overflow: hidden; color: black; ">
      <Div style = 'width: 75px; float: left; "> <img src = 'http: //www.ie6nomore.com/files/theme/ie6nomore-warning.jpg' alt = 'Warning' /> </ div>
      <Div style = 'width: 275px; float: left; font-family: Arial, sans-serif; ">
        <Div style = 'font-size: 14px; font-weight: bold; margin-top: 12px; '> You are using an old browser </ div>.
        <Div style = 'font-size: 12px; margin-top: 6px; line-height: 12px; '> For best viewing of this blog, go to a more recent browser </ div>.
      </ Div>
      <Div style = 'width: 75px; float: left; "> <a href='http://www.firefox.com' target='_blank'> <img src = 'http: //www.ie6nomore.com/files/theme/ie6nomore-firefox. jpg "style =" border: none; ' alt = 'Get Firefox 3.5' /> </a> </ div>
      <Div style = 'width: 75px; float: left; "> <a href='http://www.browserforthebetter.com/download.html' target='_blank'> <img src = 'http: //www.ie6nomore.com/files/theme/ ie6nomore-ie8.jpg 'style =' border: none; ' alt = 'Get Internet Explorer 8' /> </a> </ div>
      <Div style = 'width: 73px; float: left; "> <a href='http://www.apple.com/safari/download/' target='_blank'> <img src = 'http: //www.ie6nomore.com/files/theme /ie6nomore-safari.jpg 'style =' border: none; ' alt = 'Get Safari 4' /> </a> </ div>
      <Div style = "float: left;"> <a href='http://www.google.com/chrome' target='_blank'> <img src = 'http: //www.ie6nomore.com/files /theme/ie6nomore-chrome.jpg 'style =' border: none; ' alt = 'Get Google Chrome' /> </a> </ div>
    </ Div>
  </ Div>
  <! [Endif] ->

 You can change the writings green messages following your wishes.
3-Save your template and you're done.