Blogger: Personalizar Plantilla Móvil Gadgets

Habilitar las plantillas personalizadas para móviles

Para activar las plantillas personalizadas entra dentro de la nueva interfaz en Plantilla y haz click en el ícono del engranaje que está debajo de la previsualización de la versión móvil.

En "Elegir plantillas para móviles" selecciona Personalizado.

Guardar y listo.

Los gadgets que por defecto aparecen en la versión móvil

(Si los tienes añadidos)

Header. cabecera
Blog. entradas, publicaciones
Profile. perfil del autor
PageList. menu de paginas
AdSense. publicidad
Attribution. de blogger

Gadgets en la versión móvil

Si deseas que otros de tus gadgets también aparezcan entonces entra en la Edición HTML de la plantilla, por ejemplo para una lista de links agregamos el atributo: mobile y el valor yes en el elemento b:widget del código del widget, como se aprecia a continuación:

<b:widget id='LinkList1' locked='false' title='' type='LinkList' mobile='yes'>

En caso que no quisiéramos que se muestre en la versión móvil por ejemplo para anuncios de adsense que por defecto se muestran podremos ocultarlos con mobile='no'

<b:widget id='AdSense1' locked='false' title='' type='AdSense' mobile='no'>

Ahora si quisiéramos que solo se muestre en la versión móvil usamos mobile='only'

<b:widget id='AdSense1' locked='false' title='' type='AdSense' mobile='only'>

Para Elementos en versión móvil

Ejemplo de un elemento para versión móvil y en versión escritorio:

<b:if cond="data:blog.isMobile">
    //-- Para version móvil--//
    <div>
    ...
    </div>
 <b:else/>
    //-- Para versión de escritorio --//
    <div>
    ...
    </div>
 </b:if>

Un elemento solo para versión móvil

<b:if cond="data:blog.isMobile">
    //-- Para version móvil--//
    <div>
    ...
    </div>
  </b:if>

Un elemento solo para versión escritorio

<b:if cond='data:blog.isMobile == &quot;false&quot;'>
    //-- Para versión de escritorio --//
    <div>
    ...
    </div>
</b:if>

Esto todo, espero que les haya servido.