-->
Sugerencia de actualización de Internet Explorer 7 o anteriores.

Sugerencia de actualización de Internet Explorer 7 o anteriores.

Sabemos bien que Internet Explorer no soporta los estándares web comunes, ya que éste no cumple con reglas básicas estándar, sino que tiene sus propias reglas y por ende, cuando diseñamos u obtenemos plantillas de otros sitios nos llevamos la sorpresa de que no se previsualizan bien en este navegador.


Lo que haremos en esta oportunidad será mostrar un mensaje que sólo se visualice en Internet Explorer 7 y anteriores, y que a su vez deshabilite el contenido de nuestro blog al intentar acceder desde uno de estos antiguos navegadores.

Vista previa del resultado (Clic para aumentar):



¿Cómo añadirlo en Blogger?

Primero, vamos a ''Diseño | Edición HTML'' en donde marcamos ''Expandir plantillas de artilugios''.

Buscamos la siguiente sección:
<div id='content-wrapper'>

Arriba de ésta, pega el siguiente código:

<!--[if IE 7]>
<div id="internetexplorer">

Estás utilizando un navegador obsoleto, por lo que no es posible visualizar este blog, te recomendamos descargar la versión más reciente de Internet Explorer.

<p><b>Nota:</b> Este Blog trabaja mejor con Firefox 4 y posteriores.</p>

&#191;Qué deseas hacer?
<li><a href="http://www.mozilla-europe.org/es/" target="_blank">Descargar Firefox</a></li>
<li><a href="http://windows.microsoft.com/es-ES/internet-explorer/products/ie/home" target="_blank">Actualizar Internet Explorer</a></li>
<li><a href="http://www.google.com/chrome/?hl=es" target="_blank">Descargar Google Chrome</a></li>


</div>

<style type="text/css">
#content-wrapper {
visibility:hidden;
display:none;
}

#internetexplorer {
width:920px;
margin:0px auto;
font-size:18px;
padding: 15px;
border:3px solid #fff;
}

#internetexplorer li {
margin-top:10px;
margin-left:20px;
padding-bottom:4px;
}

#footer-wrapper {
visibility:hidden;
display:none;
}

</style>
<![endif]-->

Guardas los cambios y listo.


Consideraciones:

Para definir a qué versión de Internet Explorer quieres que aparezca, sólo cambia el número de la versión en <!--[if IE 7]>, por ejemplo:

Para Internet Explorer 6
<!--[if IE 6]>
Para Internet Explorer 8
<!--[if IE 8]>
Artículo aleatorio
BuySellAds
BuySellAds
BuySellAds
BuySellAds
BuySellAds
Artículos destacados
Combinar tu perfil de Blogger con el de Google Plus # - Combinar tu perfil de Blogger con el de Google Plus
¡Hemos actualizado el diseño del blog! # - ¡Hemos actualizado el diseño del blog!
Pack de iconos ''Leer más'' para Blogger # - Pack de iconos ''Leer más'' para Blogger
SlickRSS: Pack de Iconos para RSS # - SlickRSS: Pack de Iconos para RSS
Agregar imagen de fondo en Blogger # - Agregar imagen de fondo en Blogger