Barra de Rolagem Personalizada nos Blogs do Blogger
Personalizar a Barra de Rolagem nos Blogs
Para alterar/personalizar a barra de rolagem, tornando o seu blog mais dinâmico, siga os passos abaixo:
1. Entre no Blogger, dirija-se à aba Design > Editar HTML.
Se utiliza a nova Interface do Blogger, disponível no Blogger in Draft, em vez do passo acima, deverá seguir o seguinte passo: Entre no Blogger in Draft, dirija-se a Modelo > Editar HTML do Modelo.
Caso não conheça a nova interface do Blogger, recomendo que leia os post destacados abaixo:
Decifrando as Interfaces do Blogger: Editores de Posts/Artigos
2. No código do seu blog, procure pela tag destacada abaixo:
]]></b:skin>
3. Acima dela adicione o código abaixo destacado.
/* ---------------- Scrollbar ---------------- */
::-webkit-scrollbar {width: 9px;height: 5px;}
::-webkit-scrollbar-track-piece {background: url("https://lh4.googleusercontent.com/-I4h9oNSId6k/TjM9C955v8I/AAAAAAAAASQ/8ENCqH6Y0Z8/body.png") repeat scroll 0 0 transparent;}
::-webkit-scrollbar-thumb:vertical {height: 5px;background-color: #666;}
::-webkit-scrollbar-thumb:horizontal {width: 5px;background-color: #666;}
Ficará assim:
4. Clique em Pré-Visualizar/Visualizar, se tudo estiver no seu devido lugar e não aparecerem erros, clique em Guardar/Salvar Modelo.
E terminamos este tutorial! Agora, você já vai ter esta linda barra de rolagem com o estilo da barra de rolagem do Blogger no seu blog.
Comentários
Postar um comentário