Parece que se acerca una interesante novedad en Blogger, si una visita a nuestro blog proviene de un móvil se mostrara una versión móvil de nuestro blog automáticamente. Es a la conclusión que llega uno cuando de pronto se encuentra en su plantilla HTML una serie de nuevos códigos inyectados por Blogger.

<b:includable id='mobile-nextprev'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<div class='mobile-link-button' id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
</div>
</b:if>

<b:if cond='data:olderPageUrl'>
<div class='mobile-link-button' id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
</div>
</b:if>

<div class='mobile-link-button' id='blog-pager-home-link'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
</div>

<div class='mobile-desktop-link'>
<a class='home-link' expr:href='data:desktopLinkUrl'><data:desktopLinkMsg/></a>
</div>

</div>
<div class='clear'/>
</b:includable>
<b:includable id='mobile-index-post' var='post'>
<b:if cond='data:post.dateHeader'>
<div class='mobile-index-date'>
<div class='date-header'>
<span><data:post.dateHeader/></span>
</div>
</div>
</b:if>

<div class='mobile-post-outer'>
<div class='mobile-index-title-outer'>
<h3 class='mobile-index-title entry-title'>
<a href='javascript:void(0)'><data:post.title/></a>
</h3>
</div>

<div>
<div class='mobile-index-arrow'>
<a href='javascript:void(0)'>&amp;rsaquo;</a>
</div>

<div class='mobile-post-contents'>
<b:if cond='data:post.thumbnailUrl'>
<div class='mobile-index-thumbnail'>
<div class='Image'>
<img expr:src='data:post.thumbnailUrl'/>
</div>
</div>
</b:if>

<div class='post-body'>
<b:if cond='data:post.snippet'><data:post.snippet/></b:if>
</div>
</div>
<div style='clear: both;'/>
</div>

<div class='mobile-index-comment'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:post.allowComments'>
<b:if cond='data:post.numComments != 0'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
</b:if>
</b:if>
</b:if>
</b:if>
</div>
</div>
</b:includable>

Ahí esta definida la navegación, todas las entradas y comentarios. Como todo código HTML podremos personalizarlo, solo habrá que esperar a ver con que pinta se nos presenta en los móviles. Interesante esta nueva función de Blogger.

*Me informa MKOValencia que ya esta operativo.
Autor: . Consultor y auditor en posicionamiento web. Desarrollo de aplicaciones, diseño y programacion de plataformas y paginas web. Formación, profesor en el Programa SmmUs (Social Media Marketing) de la Universidad de Sevilla. Cursos sobre social media en Cámaras de Comercio de Málaga, Sevilla y Córdoba. Puedes encontrarme en Google Plus y Twitter .

¿Te gustó este post? No te pierdas los próximos, síguenos en redes sociales.

Te recomendamos también

10 comentarios:

  1. Yo sigo viendo mi blog de blogger igual en el movil, o sea como una web más. En wordpress se ve diferente.

    ResponderEliminar
  2. Paco puede que tu blog aun no tenga el codigo, en el mio apareciio esta tardemientras que MKOValencia ayer ya lo veia...

    ResponderEliminar
  3. Tampoco me funciona. El código si está. Saludos

    ResponderEliminar
  4. Ya está claro. La redirección no es automática, hay que poner /?m=1 para ir directo.
    ciudad blogger

    ResponderEliminar
  5. Bueno, había dejado otro comentario diciendo que ya estaba claro, con un enlace a la web donde lo explica y el como, pero no ha sido publicado.

    Decía, que el problema es que las redirecciones no funcionan en todos los casos, y hay que añadir «?m=1» al final de la dirección del blog.

    Agradecería que este comentario no fuera privado de publicarse, no creo que sea ofensivo y además contiene información veráz y útil.

    Gracias

    ResponderEliminar
  6. Lino tu comentario se habia ido a la bandeja de spam...ya esta publicado..disculpa....

    ResponderEliminar
  7. Un dato que quizas se escape...funciona automaticamente solo para navegadores basados en WebKit

    ResponderEliminar
  8. me gusta mucho, segun lei en el blog oficial, por el momento existen solo 12 plantillas para el movil (6 plantillas minimas y 6 plantillas del siseñador avanzado) si usamos las plantillas oficiales por ejemplo "fantastico s.a." la version en movil se vera con un aspecto parecido. si usamos una plantilla personalizada se visualizara en el movil una plantilla minima (azul, gris y blanco) ESPEREMOS QUE NUESTROS TECNICOS (pizco) nos puedan dar un tip para personalizar mas esa visualizacion en el movil, aunque con la plantilla minima es suficiente ya que asi no carga el navegar en el movil.

    ResponderEliminar
  9. perdon si cometo "repost" o como se diga jejeje, al parecer blogger contempla la posivilidad de poder habilitar alguna fucnion para modificar la plantilla movil segun esta encuesta que ellos mismos proporcionan: Encuesta de nlogger

    ResponderEliminar