Cómo activar o desactivar los widgets de Blogger para que aparezcan en móviles

¿Cómo determinar si el widget se mostrará o no en Google para móviles? ¿Cómo personalizar la plantilla de Blogger para móviles y tabletas? Esta es una opción al momento que necesites mostrar un widget o no en un teléfono inteligente. Lo que van a aprender es como habilitar o deshabilitar los widgets al momento que un usuario abra su blog desde un teléfono. Vamos a determinar que widget se va a mostrar en un teléfono. Podemos activar o desactivar esta opción. Recuerde que su blog debe tener habilitado la plantilla móvil, si no sabe cómo habilitar la plantilla móvil de su blog de Blogger siga las instrucciones del siguiente enlace, “Como habilitar la plantilla móvil de mi blog de Blogger”

Vamos a utilizar la opción mobile: (opcional) que puede ser "yes", "no" u "only", con "default" como opción predeterminada. Este atributo determina si el widget se mostrará o no en Google para móviles. Las secciones de la cabecera, el blog, el perfil, la lista de páginas, AdSense y la atribución se mostrarán en Google para móviles únicamente si el valor del atributo "mobile" es "default".

Los tipos de widgets que puedes especificar son:

List

Logo

BlogProfile

Feed

Header

HTML

SingleImage

LinkList

Navbar

VideoBar

NewsBar

BlogArchive

Blog

¿Cómo hacerlo?

Siga las siguientes instrucciones:

Para determinar que widget queremos mostrar y que widgets no, primero debe saber cuál es el nombre del widget que va a mostrar u ocultar, cada widget tiene un ID único, asi que para encontrarlo deberá seguir las siguientes instrucciones

Por ejemplo:

1 Un clic en “Diseño”

2 Señale con el puntero de su Mouse el “widget” en la parte “editar”

3 Le mostrara en la parte inferior izquierda el ID del widget, apartir del widgetId=

4 Ya hemos identificado el Id de nuestro widget

5 Ahora diríjase a “Plantilla”

6 Un clic en Editar HTML

7 Nos mostrara el código HTML de nuestra plantilla

8 Damos un clic en el icono de la parte superior que dice “Ir al widget”

9 Nos mostrara una ventana similar a la siguiente

10 Buscamos el widget que vamos a ocultar o mostrar en un móvil, el Id “Identificador” del widget que quiero realizar los cambios en mi ejemplo es el HTML14

11 Nos ubicara el widget de la siguiente manera

Escoja cualquiera de las siguientes opciones:

Para que el widget se muestre en los teléfonos inteligentes, tenemos que insertar la condición mobile='yes' antes de title

<b:widget id='HTML14' locked='false' mobile='yes' title='Horizontal' type='HTML'>

Para que el widget no se muestre en los teléfonos inteligentes, tenemos que insertar la condición mobile='no' antes de title

<b:widget id='HTML14' locked='false' mobile='no' title='Horizontal' type='HTML'>

Para que el widget se muestre solo en los teléfonos inteligentes, y no en un ordenador tenemos que insertar la condición mobile='only' antes de title

<b:widget id='HTML14' locked='false' mobile='only' title='Horizontal' type='HTML'>

12 Eso es todo, un clic en “Guardar plantilla”

A continuación un ejemplo

¡Fácil verdad!

¿Necesitas ayuda?

Cualquier pregunta no dude en hacérmelo saber

Recuerda suscribirte:

Obtenga nuestro boletín de noticias diario | Suscríbete gratuitamente SUSCRIBIRSE

¿Te ha resultado útil este artículo, recomiendanos?

Si

TAGS: Como

Share:

Luis Chávez

Soy el fundador del sitio web Ayudadeblogger.com - Considerado un Pro Blogger profesional, Consultor SEO y desarrollador Web adicto, ejecuto una serie de sitios web desde mi Oficina Quito-Ecuador.