Proposer aux visiteurs de mettre à jour leurs navigateurs

Le problème que subit les designers de sites et des blogs est de pouvoir le rendre leurs sites compatible avec tous les navigateurs, Internet Explorer notamment. C'est justement Internet Explorer le navigateur le plus utilisé, car incorporé dans l'ordinateur dès leur fabrication, qui a tendance à rendre
l'apparence d'un site abominable qui apparait pourtant très bien sur les autres navigateurs.
La dernière version de ce modèle ayant un comportement plus nouveau que les précédentes, il est sensé de faire une notice à ses visiteurs utilisant l'ancienne de version de passer à la nouvelle ou de carrément changer des navigateurs afin d'avoir une meilleure image de votre blog.


Pour ajouter ce gadget...
1-Mise en page, modifier code html, puis ajouter ces codes juste entre les balises ]]></b:skin> et  </head>
Puis insérer ces codes:

<!--[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 notice'/></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;'>Vous utilisez un vieux navigateur.</div>
        <div style='font-size: 12px; margin-top: 6px; line-height: 12px;'>Pour un meilleur affichage de ce blog, passez à un navigateur plus récent.</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]-->
3-Après l'insertion cliquer sur enregistrer.

Vous pouvez changer les textes en bleu!
 Si cet article vous a plus laisser un commentaire.