Tecnología

Diarios de la nube Idea guardada 0 veces
Sé la primera persona en valorar esta idea Valorar

Cómo personalizar Google Chrome con los colores de tu web



Google ha incorporado interesantes novedades para la presentación de nuestras Webs y Blogs en su navegador Chrome para móviles y tabletas.

Podemos cambiar el color de todo el navegador para móviles y adaptarlo a la presentación de nuestra web, dándole un toque mucho más fresco e innovador.

En general estos cambios dotan de una presentación mucho más profesional a nuestros contenidos para vestirlos de largo y mostrarlos de una manera diferente en nuestros móviles. Verás lo sencillo que es y cómo conseguirlo en muy pocos pasos.

¿En qué consiste la personalización de colores en el navegador Google Chrome para Android?

Desde la aparición de Google Chrome 39 Beta para Android 5.0 Lollipop, se ofrecía la posibilidad a los desarrolladores de cambiar los colores del navegador con respecto a la web que se visita, para darle un aspecto más fresco y distintivo. Este efecto se encuentra ya disponible en todas las versiones actualizadas de Chrome para móviles y tabletas.

Tanto la barra de direcciones como las pestañas que identifican cada web en el navegador pueden cambiar el color, en la web para desarrolladores de Google nos muestran un ejemplo:


Ejemplo extraído de Google Developers
No es un efecto único de Android Lollipop, ahora funciona en Android 4.x también y el aspecto es excelente. Poco a poco irás notando que algunos diarios online y bastantes páginas de Internet en general ya comienzan a utilizar esta novedad.
¿Cómo puedo personalizar el color de Chrome para Android con mi web?

Es extremadamente sencillo, lo único que tienes que hacer en Wordpress, Joomla o en cualquier editor de HTML con el que hayas construido tu web es escribir directamente dentro de la etiqueta head de tu web la siguiente línea:
<meta name="theme-color" content="#color_deseado">

Donde <meta name="theme-color" indica que vas a cambiar el color del "theme" del Chrome donde se muestre tu web y content="#color_deseado"> el color que deseas aplicar al navegador para móviles y tabletas.

Colócalo dentro de la etiqueta <head> de tu web:

<head> <meta name="theme-color" content="#db5945"> </head>
Para buscar el color que prefieras, dado que hay que escribirlo con los códigos de color que utiliza el HTML, te recomiendo buscar en html color codes:


Puedes seleccionar el color que prefieres y después pegar el código resultante. No olvides chequear tu web con el móvil para ver los cambios.

Como ves es muy fácil. Si tienes Blogger, puedes hacerlo siguiendo estos pasos:


Simplemente entra en la edición de plantilla, después en Editar HTML y por último, justo después de la etiqueta <head> añades la línea de código que antes expliqué: <meta name="theme-color" content="#color">

Eso es todo, cualquier duda me tienes en los comentarios.
Fuente: este post proviene de Diarios de la nube, donde puedes consultar el contenido original.
¿Vulnera este post tus derechos? Pincha aquí.
¿Qué te ha parecido esta idea?

Esta idea proviene de:

Y estas son sus últimas ideas publicadas:

SEO con imágenes

Las imágenes que utilizas en tu Blog, en tu web, no son sólo un reclamo o un añadido decorativo para tus contenido. Pueden servir a los buscadores web para comprender mejor la información que proporci ...

Etiquetas: propuestas

Recomendamos

Relacionado

internet blogs chrome ...

Cómo personalizar Chrome (Android) con el color de tu blog

Si navegas por la red desde tu dispositivo Android y tienes una de sus últimas versiones, habrás visto que páginas como Facebook o Pinterest tienen la parte superior del navegador Google Chrome personalizada del color de su marca. ¿Sabes que tú también puedes hacer lo mismo con tu blog? Además, no necesitarás más de cinco minutos para ponerlo en marcha. Este breve tutorial lo publiqué hace tiempo ...

Internet Android Google Chrome

Google Chrome para Android mejora la descarga de páginas web

Buscando brindar una mejor experiencia de navegación para los usuarios sin Internet, el navegador Google Chrome ha realizado una serie de modificaciones en su modo de descarga de páginas. La modalidad sin conexión permite la descarga de los archivos principales de una web para que se pueda revisar su contenido sin necesidad de utilizar la conexión a datos de un móvil. Google Chrome para Android me ...

Diseño para Blogs Herramientas Uncategorized

Cambiar el color del navegador por el de tu blog

Cambiar el color del navegador por el de tu blog de añade un icono! Personaliza Google Chrome con el color principal del tema de tu blog  de una forma muy fácil cambiando el esquema de color , por defecto es el azul de google y añadir el logo de tu blog o una imagen que te guste, lo vamos a poder hacer en diferentes plataformas. Color azul por defecto de Chrome Fucsia de yo blogueo Hay que aprovec ...

general seo

Page Analytics by Google, información al instante de todas las estadísticas de tu web ¡sin salir de ella!.

El visionado de información de datos estadísticos de una web es fundamental para mejorar sus contenidos y posicionamiento en buscadores. Dichas estadísticas suelen calcularse y presentarse en sistemas analíticos que explotan la información de uso de nuestras web para proporcionarnos entre otros, datos exactos de su uso. Dentro de las herramientas analíticas disponibles en el mercado particular e i ...

general propuestas

Inserta las recomendaciones para móviles de Google+ en tu web o Blog

Las recomendaciones para móviles son una funcionalidad que Google pone a disposición de los usuarios de páginas Google+ para presentar a los usuarios que se conecten a nuestra web con un móvil nuestras entradas más populares. Veamos paso a paso cómo insertar las recomendaciones para móviles en nuestro web o Blog. ¿Qué son y qué aspecto tienen las recomendaciones para móviles? Podrás observar en ...

SEO

Aprovecha tu web al máximo con Google Analytics

Google Analytics es la herramienta para el análisis y la monitorización del tráfico de un sitio web. Como herramienta analítica posee numerosos informes que te servirán para aprovechar al máximo tu web y poder desarrollar estrategias que la orienten hacia los objetivos que te propongas. Vamos a sacarle provecho a esta magnífica herramienta de Google que seguro te sorprenderá con la cantidad de inf ...

general propuestas

El servicio de Google para realizar el aviso de uso de cookies en tu web: Cookiechoices.

Al navegar por múltiples sitios en Internet todos nos hemos encontrado con algún tipo de aviso o alerta que alude al "uso de cookies" en el sitio por el cual estamos navegando. Este mensaje es fruto de la legislación europea publicada en su directiva 2009/136/CE referente a los derechos de los usuarios y la necesidad de que estos sean informados cuando un sitio web haga uso de las mismas ...

rendimiento

Mejora el rendimiento de tu web optimizando sus hojas de estilo css

Optimizar las hojas de estilo mejora considerablemente el rendimiento del dibujado de una página web. Las hojas de estilo de tu sitio web o blog son las encargadas de darle presentación a los componentes que sirven para formar tu página web. El cuidado y optimización de las mismas suele ser pasado por alto con frecuencia, normalmente nos basta con que "funcione la presentación" pero no n ...

general seo

Cómo evitar el contenido duplicado en tu web: marcado de URL canónica y Dominio Preferido en Google Webmaster Tools.

La información duplicada en Internet es un problema que afecta a los buscadores web. Una misma información puede servirse desde múltiples direcciones distintas, discriminar cuál es la correcta no es una tarea que pueda dilucidar fácilmente un buscador. Los buscadores en Internet han dotado a los propietarios de sitios web (webmaster) de mecanismos que permiten informarles de cuál es la URL (la dir ...

general social

Cómo insertar una publicación de Google+ en tu web

Una publicación e Google+ no es simplemente un mensaje que se comparte en una red social para que lo lean nuestros seguidores. Muchos creadores de contenidos web han descubierto la ventaja en materia de posicionamiento que supone utilizar esta red social. Al encontrarse plenamente integrada con el buscador, ambos forman una sinergia de la que ninguna otra red social del mundo dispone. Los "po ...