Um dos pontos principais para destacar o seu blog é a aparência, o designer do seu template conta bastante na hora em que visitam seu blog. Um blog personalizado é um grande avanço na caracterização de um blog.
Para destacar seu blog entre os demais vou lhes ensinar como personalizar a barra de rolagem de seu blog. Vamos ao tutorial.
1. Entre no seu painel do blogger acesse a opção modelo.
2. Clique no botão: "Editar HTML".
3. Aperte CTRL+F e procure pela seguinte tag:
]]></b:skin>
4. Acima dessa tag cole o código abaixo.
/* ---------- Início Barra de Rolagem ---------- */
{
scrollbar-face-color:#FF69B4;
scrollbar-highlight-color:#FF69B4;
scrollbar-3dlight-color:#343434;
scrollbar-darkshadow-color:#343434;
scrollbar-shadow-color:#FF69B4;
scrollbar-arrow-color:#343434;
scrollbar-track-color:#343434;
}
::-webkit-scrollbar {width: 8px; /*largura da barra*/ height: 4px; background: #343434; /*fundo da sua barra*/ }
::-webkit-scrollbar-thumb { background: #1E90FF; /* é a cor da barra da rolagem. */ }
/* ---------- Final Barra de Rolagem ---------- */
Feito isso salve modelo e pronto já estará em funcionamento sua nova barra de rolagem. Use os comentários no código para auxílio à edição.
Caso queira mudar a cor da barra de rolagem o site www.flextool.com.br, possui uma tabela de cores com códigos HTML que lhe ajudará muito. Dúvidas deixe seu comentários.
Olá João!
ResponderExcluirLeve o mouse até a caixa com o código, perceberá que na parte superior direita aparecerá um menu clique no primeiro ícone e abrirá uma caixa com o código para você copiar.
abraços