Personalizando Barra de rolagem do blog!

1. Entre no blogger e acesse o painel principal do seu blog.

2. Clique na guia “Modelo” –> “Edita HTML”.

3. Procure por ]]></b:skin>

4. Acima dessa linha cole o código abaixo.

/* ---------------- Barra de rolagem Google Chrome---------------- */ 

::-webkit-scrollbar { 

width: 15px; <!-- largura da barra de rolagem --> 

height: 5px; 

} 

::-webkit-scrollbar-track-piece { 

background: #aebcbf; <!-- Cor do fundo da barra de rolagem --> 

}

::-webkit-scrollbar-thumb:vertical { 

height: 5px; 

background: #000; <!-- Cor da barra de rolagem --> 

border-radius: 10px; <!-- Arredondamento da barra de rolagem --> 

} 

::-webkit-scrollbar-thumb:horizontal { 

width: 5px; <!-- Largura da barra de rolagem na horizontal--> 

background-color: #FFA500; <!- cor da barra de rolagem na horizontal--> 

}

5. Agora só falta fazer as modificações!