Cómo Optimizar Blogger para Internet Explorer

Optimizar Blogger para Internet Explorer - Charkleons.com

Ahora que el sistema operativo Windows XP dejó de tener el soporte en actualizaciones por parte de Microsoft, se entiende que igualmente su navegador internet Explorer será usado principalmente mínimo con sus versiones 9, 10, 11, etc, en los sistemas operativos Windows 7, 8, y posteriores. Por lo general las plantillas de blogger se basan en un diseño original creado ya hace muchos años, y de este se han venido haciendo nuevas versiones pero manteniendo lo básico en lo referente a su información. 

Una de esas partes es una línea de código que está al inicio de la mayoría de las plantillas, y que indica que si un visitante ingresa a nuestra página usando internet explorer se le muestre, o se adapte el contenido para la versión de internet Explorer 7, retirando esta línea de código los visitantes que usen iE en sus versiones 9, 10, 11 y posteriores, no tendrán ningún problema de compatibilidad con la visualización de nuestras páginas. La línea de código que deben retirar del comienzo de sus plantillas de Blogger si la tienen, es la siguiente:

<meta content='IE=EmulateIE7' http-equiv='X-UA-Compatible'/>

Ahora las nuevas versiones de iE se han puesto a la par con los demás navegadores pero muchas veces el error ha sido por parte de los creadores y/o desarrolladores de los sitios web al no actualizar sus códigos también. Incluso ya no hay problema con los códigos CSS si en la parte en la que se indican las órdenes para otros navegadores se agrega la correspondiente para iE (-ms-), por ejemplo:

Antes sin -ms-

.imagepluscontainer img{ 
position: relative;
z-index: 2;
-moz-transition: all 0.5s ease; 
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}

Ahora con -ms-

.imagepluscontainer img{ 
position: relative;
z-index: 2;
-moz-transition: all 0.5s ease; 
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}

Agregando la misma parte que está para los otros navegadores pero para internet Explorer -ms- nos aseguramos de que la mayoría de los códigos CSS trabajen correctamente con el navegador de Microsoft.

Otro tip que ofrece iE, y que sirve con los demás navegadores es la carga previa de la página que consideremos que se visita más desde nuestra página principal. Esto aumenta la velocidad en la carga de esa página, sin interferir con la carga normal de nuestra página principal. Para realizar esto solo deben agregar la siguiente línea de código debajo de sus metaetiquetas o sobre el <b:skin></b:skin>:

<link href='URL de la página que más se visita desde la página principal' rel='prerender'/>

Por ejemplo yo dejé la página "Qué animal Soy en el Horóscopo Chino" que es la más visitada en Charkleons.com

<link href='http://www.charkleons.com/2011/03/que-animal-soy.html' rel='prerender'/>

Otro tip sería dejar en nuestra plantilla todos los estilos dentro de una misma etiqueta, es decir, cada estilo usa un <style> de apertura y un </style> de cierre, entonces podemos dejar todos los códigos de los estilos dentro de un <style>xxxxxxx</style>. Igualmente algúnos códigos CSS permiten en casos en los que se van a usar solo una vez en la página, dejar el estilo en la entrada en modo HTML, o en un gadget HTML-Javascript junto a su código sin necesidad de agregarlo a la plantilla, es cuestión de que hagas la prueba (Recuerda no pasar a Modo Redactar cuando hagas este procedimiento). 

Eso sería todo, espero que está información les sea muy útil para mejorar la interacción de sus páginas con los visitantes que usen iE.

Gracias.

Cómo optimizar mi página para internet explorer, cómo puedo hacer para que mi blog o página se vea bien con internet explorer, cómo hago para que ie internet explorer cargue bien mi blog o página, por qué internet explorer muestra mal mi blog o página, truco para mejorar mi blog o página en internet explorer, cómo puedo mejorar mi blog o página para windows 8.1, trucos para que mi página cargue más rápido con internet explorer, cómo hacer para que los css trabajen bien con internet explorer, css para internet explorer,