[Blogger - Customização] - Como mudar a cor de fundo e da fonte do texto selecionado

Depois de um tempinho sem postar nenhum artigo, hoje eu mostrarei como mudar a cor de fundo e a cor da fonte de um texto quando o selecionamos com o mouse. Esse efeito alterará qualquer elemento do seu blog que seja selecionado com o ponteiro do mouse, e é bem interessante de ser aplicado caso você goste de deixar as cores do seu blog sempre combinando. Caso você queira ver um exemplo prático deste efeito, visite nosso blog de teste e selecione o texto do artigo com o mouse. Você notará que a cor de fundo do texto selecionado ficará amarela, e a cor do texto ficará vermelha, diferente do fundo azul com letras brancas que é o padrão.


Alterando a cor de fundo e fonte na seleção de texto com o mouse


1. Faça login no Blogger e acesse o painel de controle do seu blog, depois vá no menu Modelo, clique no botão Fazer backup / Restaurar e faça uma cópia de segurança do seu template clicando no botão Fazer download do modelo completo.

2. Clique no botão Editar HTML para visualizar o código fonte do seu template. Em seguida clique dentro do código do seu template e pressione Ctrl+F para abrir a caixa de Busca do editor. Procure o código abaixo.

]]></b:skin>

3. Imediatamente acima deste código, adicione este outros código.

/* ----- Cor da seleção de texto ----- */

*::-moz-selection {
background: #91C21A; /* Cor que você quer para o fundo */
color: #FFFFFF; /* Cor que você quer para o texto */
}
*::selection {
background: #91C21A; /* Repita a cor que você escolheu para o fundo */
color: #FFFFFF; /* Repita a cor que você escolheu para o texto */
}


No código acima, você deve mudar a parte destacada em vermelho pelas cores que você quer, clique aqui para ver uma tabela com diversas cores.

4. Depois de trocar os valores pelas cores que você quer, clique em Visualizar modelo e, se estiver tudo certo, clique no botão Salvar modelo.

Pronto, agora vá em seu blog e selecione o texto de seus artigos para ver se a seleção e o texto selecionado estão aparecendo com as cores que você escolheu. Se você gostou deste artigo, achou ele útil ou ficou com dúvidas, sinta-se a vontade para participar deixando um comentário.

Atualização — 22.04.2012 às 02h25
O artigo foi atualizado para refletir mudanças realizadas no painel de controle da plataforma Blogger.
É terminantemente proibida a cópia de nossos artigos sem nossa expressa autorização!
Plágio é crime previsto no artigo 184 do Código Penal brasileiro e na Lei 9.610/98.
As informações contidas neste artigo estão desatualizadas? Notifique-me! Editar artigo
Igor Sousa é dono e criador do blog Hdblog (antigo Bloggando Na Web). Tem 24 anos, é paulistano e atualmente cursa o 8° Semestre em Ciências Contábeis. Blogar era apenas um modo de melhorar sua redação de texto, mas unida a sua vontade de ajudar as pessoas passou a ser um hobby.

Foram postados 5 comentários neste artigo!