Como personalizar a barra de rolagem do blog

ola meninas e meninos , o post de hoje sera mais um tutorial para blog . nesse tutorial eu irei ensinar a como personalizar a barra de rolagem do blog . A barra de rolagem colorida e muito usada em blogs , e pode mudar muito a cara do seu blog .

                                                       
                               
                                vamos aprender como é ?



1°- vá em modelo >editar HTML >  aperte em qualquer lugar dentro do seu HTML > aperte CTRL F > e pesquise por :

]]></b:skin>

2°- Acima do código que você pesquisou  cole esse código :


{
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; }

                                                            personalizando!!!
agora é só você precisa personalizar . Veja como :

 - width: 12px = Essa é a largura da barra.
background: #343434 = Esse é o fundo da sua barra
background: #FF69B4 = Esse trecho é a cor da barra da rolagem. 


para você achar as cores que você quiser colocar é só você ir na Tabela de cores  e  copiar o codigo HTML  que você preferir .

muito simples né gente  . 

beijos e ate o post que vem :)
com mais um de onde vem  



4 comentários:

  1. Você sempre com dicas legais, e sabe ensinar de forma prática e direta. Obrigado pelas dicas.

    http://atraentemente.blogspot.com.br/

    ResponderExcluir

REGRINHAS
- Seja sincero (a) para que eu possa melhorar.
- Não espalhe SPAN , se não eu terei que excluir seu comentario
- Deixe o link do seu blog para eu dar uma passadinha lá.

© Nome do seu Blog - 2016 | Todos os direitos reservados.
Desenvolvimento por: Jaque Design | Tecnologia do Blogger.
imagem-logo