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