jueves, 6 de octubre de 2011

Meta viewport para dispositivos móviles en Blogger

 En las nuevas plantillas de Blogger ya aparece un código condicional que aplica la META viewport. Su función es adaptar la plantilla de Blogger para la correcta visión del blog desde dispositivos móviles.

 En el caso de que sigamos utilizando una plantilla antigua, deberemos insertar el siguiente código condicional en el HEAD, justo encima del código preexistente resaltado en rojo:
<b:if cond='data:blog.isMobile'>
  <meta content='width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0' name='viewport'/>
<b:else/>
  <meta content='width=1100' name='viewport'/>
</b:if>
<b:include data='blog' name='all-head-content'/>
 También será necesario elegir la plantilla a utilizar para el acceso desde móviles. Para ello, lo mejor es acceder a nuestra cuenta de Blogger desde Blogger in draft (Blogger en borrador) e ir al blog en cuestión → Plantilla → Móvil → Configuración → "Sí, mostrar la plantilla para móviles en los dispositivos móviles" ó "No, mostrar la plantilla para ordenador en los dispositivos móviles"; si hemos elegido la primera opción, finalmente habremos de elegir entre la plantilla predeterminada y seis más → Guardar.

No hay comentarios: