Dica dos Geeks – Barra de notificações da cor do seu site

Olá pessoal, hoje vou compartilhar com vocês um tutorial bem simples que aprendi com a Origamid, que é como mudar a cor da barra de notificações do browser no Google Chrome no Android.

Basicamente você irá colocar dentro da tag uma meta tag, moleza né?

Só pra lembrar: como é uma meta tag, ela deve ser colocada no <head></head> do seu código.

Segue o código pra você adicionar dentro do seu header:

<head>
  <!-- Theme color para browser mobile -->

  <meta name="author" content="nomedoseusite"/>
  <meta name="theme-color" content="#2196F3">

  <!-- Theme color para browser mobile do WindowsPhone -->

  <meta name="msapplication-navbutton-color" content="#2196F3">

</head>

Veja no exemplo abaixo a diferença:

Sem título-3.fw

Elias Neto

Formado em Análise e Desenvolvimento de Sistemas pela UniLeão - Juazeiro do Norte-CE, Fundador do site Clube dos Geeks e criador de conteúdo para o site.

Você pode gostar...

Deixe um comentário

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *