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
3 comentarios: