Se você gostar do post abaixo, por favor, clique aqui para se inscrever gratuitamente através do e-mail, assim você terá um post a cada e-mail recebido, podendo baixar nossos ebooks

Barra de rolagem personalizada


Modificar ou Colocar uma Barra de rolagem personalizada no Blog é um grande avanço para blogs com sua marca própria, ajudando a deixar seus leitores em com o habito familiar com seu Blog. Se ainda não tem instale pois essa função deixará seu Blog alguns segundos mais leves para mecanismos de busca e os próprios usuários.

Vamos ao passos, entre no seu painel do Blogger, depois em modelo > Editar HTML, e procure por : ]]></b:skin> 

E acime do do trecho procurado cole esse código abaixo:

*{

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: 12px; height: 4px; background: #343434; }
::-webkit-scrollbar-thumb { background: #FF69B4; } 

Para você fazer sua personalização de cores lhe pedimos que mude os códigos em negrito acima com os códigos de respectivas cores de seu gosto, para conseguir as cores desejada entre nesse site aqui e copie e cole as cores que desejar.

Aprenda a mexer com códigos de personalização com passos de CSS simples, pois com eles você desenvolve seu conhecimento e não fica com constrangimentos ao editar seu Blog.

Veja também:
Css modificando Corpo, fonte, cores das suas postagens
Botões de compartilhamento no canto do blog
Postagens resumidas com miniaturas

ADM: Agradeço pela sua compreensão e peço-lhe que siga e curta nosso Blog e se tem alguma duvida deixe seu comentário.

Gostou? Compartilhe:
Ruan Phablo

Ruan Phablo é blogueiro desde 2009, mas só a partir de 2012 começou a levar a blogosfera a sério. Foi aí que ele criou o Phablo Projetos, um blog que tem por objetivo ajudar outros blogueiros. Você pode encontrá-lo no Facebook, no Twitter e no Google+.

3 comentários:

  1. As dicas funcionaram muito bem, obrigada mesmo!

    ResponderExcluir
  2. Muchadas,

    Aproveite bem códigos com esses pois será muito importante para o carregamento e aparência do seu Blog.

    Abraços

    ResponderExcluir
  3. o meu ficou preto e rosa '-'
    mas eu já ajeitei!

    ResponderExcluir

Seu Comentário estará enriquecendo o conteúdo acima. Fico grato com sua participação! Qualquer dúvida relacionada a outro assunto use o nosso formulário de contato "Fale Conosco". Obrigado

Por favor me adicione no Google + para eu poder te responder de imediato!

 
Copyright © 2012 - Phablo Projetos - Direitos Reservados | Page Rank Licença Creative Commons
Desenvolvido por Carlos Vínicius | Tecnologia do Blogger | Páginas: Termos de Uso e Licença
    Twitter Facebook Google + YouTube