Modificar las plantillas móviles de Blogger

Desde que Blogger habilito la versión móvil de nuestras paginas, solo podíamos seleccionar algunas plantillas predeterminadas y nada mas. Ahora desde el blog de desarrolladores de Blogger nos indican que es posible modificar y seleccionar algunas cosas en esa versión móvil que se muestra automáticamente al acceder desde un dispositivo móvil a nuestras paginas.



La primera opción es poder seleccionar que widget queremos que se vean en la versión móvil y cuales no queremos que se vean, para ello solo deberemos acceder a la edición de nuestra plantilla y añadir las siguientes etiquetas:

Esto es lo que tenemos habitualmente



<b:widget id='BlogArchive1' title='Blog Archive' type='BlogArchive'>



Si queremos que se vea ese widget en concreto le añadimos



<b:widget id='BlogArchive1' title='Blog Archive' mobile='yes' type='BlogArchive'>



Si no queremos que se vea le añadiremos



<b:widget id='BlogArchive1' title='Blog Archive' mobile='no' type='BlogArchive'>



Si queremos que se vea solo en la versión móvil, pondremos



<b:widget id='BlogArchive1' title='Blog Archive' mobile='only' type='BlogArchive'>

También es posible añadir el condicional <b:if cond="data:mobile"> en los códigos de los widget por si queremos mostrar una cosa u otra dependiendo de que la versión sea vista móvil o no.

Os dejo el ejemplo



<div class="widget-content">

<b:if cond="data:mobile">

<!-- Show a text link in mobile view.-->

<a href="http://www.blogger.com">

Powered By Blogger

</a>

<b:else/>

<!-- Show an image link in desktop view.-->

<a href="http://www.blogger.com">

<img expr:src="data:fullButton" alt="Powered By Blogger"/>

</a>

</b:if>

</div>

También es posible modificar las plantillas mediante CSS pero es algo más complejo y lo explicaremos mas adelante