Z
ziney
Eta
Programador
Después varios meses no he creado aportes en el foro, hoy me pasé por el apreciado ForoBeta y bueno desde luego decidí colaborar agregando este pequeño tutorial el cual les permitirá tener sus sitios web más atractivos a los visitantes que provienen desde los teléfonos móviles.
Detalles
Ejemplos:
Pinterest y miles de sitios lo usan:
Puedes asignar un color acorde a tu sitio web:
Para pintar la barra de direcciones solo basta con agregar una etiqueta meta justo antes del </head> de tus páginas, de la siguiente manera:
En content, debes colocar el código de color en hexadecimal. Te recomiendo usar colores de acuerdo a la marca e imagen de tu sitio web o blog.
También puede ver las paletas que Google ofrece para Android Lollipop.
Revisar este enlace: Color - Style - Google design guidelines
Ademas puedes colocar un favicon en alta resolución si lo deseas, por si aun no lo tienes es así:
Implementar en tu blog wordpress:
Es muy simple, solo ir al editor de temas que se encuentra en: Apariencia -> Editor , buscar el archivo header.php, agregar la etiqueta meta antes de </head> y guardar cambios.
¿Eres usuario de Blogger?, no te preocupes también funciona de igual modo ir al editor y agregar la etiqueta ya mencionada.
Si no sabes como editar una plantilla blogger aquí en el foro y en internet hay cientos de tutoriales para ello.
Vista de pestañas:
¿Qué esperas para implementarlo ? , marca la diferencia no permitas que tu blog se confunda con otros o la pestaña de tu sitio sea cerrada 😛8: Saludos adsenseros...
Cualquier duda comentar..
Detalles
- Objetivo: Cambiar fondo de la cabecera de chrome en android.
- Nivel: Basico
- Aplicado a: Sitios webs, Wordpress, Etc.
- Soporte: Android 5.0+ (Lollipop)
Ejemplos:
Pinterest y miles de sitios lo usan:
Puedes asignar un color acorde a tu sitio web:
Para pintar la barra de direcciones solo basta con agregar una etiqueta meta justo antes del </head> de tus páginas, de la siguiente manera:
HTML:
<meta name="theme-color" content="#075298"/>En content, debes colocar el código de color en hexadecimal. Te recomiendo usar colores de acuerdo a la marca e imagen de tu sitio web o blog.
También puede ver las paletas que Google ofrece para Android Lollipop.
Revisar este enlace: Color - Style - Google design guidelines
Ademas puedes colocar un favicon en alta resolución si lo deseas, por si aun no lo tienes es así:
HTML:
<link rel="icon" sizes="192x192" href="icono-high-res.png">Implementar en tu blog wordpress:
Es muy simple, solo ir al editor de temas que se encuentra en: Apariencia -> Editor , buscar el archivo header.php, agregar la etiqueta meta antes de </head> y guardar cambios.
¿Eres usuario de Blogger?, no te preocupes también funciona de igual modo ir al editor y agregar la etiqueta ya mencionada.
Si no sabes como editar una plantilla blogger aquí en el foro y en internet hay cientos de tutoriales para ello.
Vista de pestañas:
¿Qué esperas para implementarlo ? , marca la diferencia no permitas que tu blog se confunda con otros o la pestaña de tu sitio sea cerrada 😛8: Saludos adsenseros...
Cualquier duda comentar..
