16 de fev de 2016

Barra De Rolagem Personalizada No Blog

Oi meu amores, Tudo bem?!

Eu resolvi criar um novo conteúdo para o blog, que é dando dicas para blogueiras iniciantes e que ainda não está familiarizada com HTML, foi justamente para ajudar vocês blogueiras iniciantes (assim como eu ainda sou rs) porque quando eu comecei com o blog não sabia nada, fui aprendendo aos poucos e sozinha, mas quero poder ajudar muitas meninas então vou começar a fazer tutoriais para blog. 
E para dar início hoje trouxe um tutorial bem rapidinho e simples de fazer que é personalizar a barrinha de rolagem do blog, como vocês podem ver a minha está rosa é claro rs.



1- Bem vá em MODELO e clique em "EDITAR HTML"
2- Aperte "Ctrl F" e procure pelo código: ]]></b:skin>
3- Logo ACIMA dessa Tag cole o seguinte código;


/*** Rolagem da Vertical da Página ***/
::-webkit-scrollbar-thumb:vertical {
background: #ff0f72; /*Cor da barrinha que se move*/
border: 1px solid #bgh; /*Coloque borda se quiser*/}
/*** Rolagem da Horizontal da Página***/
::-webkit-scrollbar-thumb:horizontal {
background-color:#ff0f72; /*Cor da barrinha que se move*/
border: 1px solid #bgh; /*Coloque borda se quiser*/}
/*** Parte fixa da rolagem (fundo que não se move) ***/
::-webkit-scrollbar {
width:15px; /*Largura da barra de rolagem*/
 background: #000000; /*Cor da parte fixa, que fica no mundo*/
border: 1px solid #bgh; /*Coloque borda se quiser*/
}



Agora é só alterar as cores para combinar com seu blog, deixei aqui um site com os códigos das cores para facilitar a vida de vocês hehe Tabela De Cores depois visualize e se estiver tudo certo é só salvar *.*

* Nao deixem de colocar os meus créditos quem for usar ta bom?

Então por hoje e isso meus amores, espero muito ter ajudado vocês, qualquer coisa comenta aqui abaixo.

Super Beijo!!

3 comentários