Blogger - Mudar cores do texto selecionado com mouse


   Olá blogueiros, hoje iremos aprender a como modificar/alterar o modelo de seleção do mouse, com mais um tutorial voltado ao Blogger usando CSS. Um código muito fácil de ser migrado em seu blog, rápido, fácil e ágil.

Atenção:
   Um conselho dado sempre, como iremos mexer no HTML interior do seu blog recomendamos fazer um backup do seu template e/ou testar em um blog de testes




Enfim, vamos começar.

Otimizando área de seleção de texto

Entre em Painel >> Mais Opções >> Modelo >> Editar HTML

Agora procure por:

]]></b:skin>

E após encontrar, acima da tag, coloque o seguinte código:

/* ----- Seleção ------ */

::selection {
    color:#ffffff;
    background: #0070c0;
}
::-moz-selection {
    color:#ffffff;
    background: #0070c0;
}
::-webkit-selection {
    color:#ffffff;
    background: #0070c0;
}

Obs.: As áreas destacas devem ser modificada para que fiquem de acordo com seu site.