Tudo Mais

[Tutorial] Mudando a cor da "Scroller" ou "Barra de rolagem" no blogger

Olá pessoal estamos aqui para mais um de nossos "Tutorias" e nesse iremos ensina uma maneira bem legal para Personalizar seu blog mudando a cor "Scroller" ou como é mais popularmente conhecida a "Barra de rolagem" ou do templete de seu blog ficou curioso? Então vamos lá ao tutorial de como fazer esse processo.

1º Passo: Vá no "Modelo de seu blog", clique em "Personalizar"

[Tutorial] Mudando a cor "Scroller" ou "Barra de rolagem" no blogger

2º Passo: Ao abrir essa janela, vá em Avançado __ clique em __ Adicionar CSS

3º Passo: Copie o código abaixo e cole no local indicado.

/*SCROLL BAR*/
::-webkit-scrollbar {
width:8px;
height:8px;
}
::-webkit-scrollbar-track {
background:#FFF;
-webkit-box-shadow:inset 1px 1px 2px #E0E0E0;
border:1px solid #D8D8D8;
}
::-webkit-scrollbar-thumb {
background:#F78121; /*Cor do botão */
-webkit-box-shadow:inset 1px 1px 2px rgba(155,155,155,0.4);
}
::-webkit-scrollbar-thumb:hover {
-webkit-box-shadow:inset 1px 1px 10px rgba(0,0,0,0.3);
}
::-webkit-scrollbar-thumb:active {
background:#888;
-webkit-box-shadow:inset 1px 1px 2px rgba(0,0,0,0.3);

}

Nota: Se quiser mudar a cor é só alterar #F78121; pela cor que você desejar. ---->Tabela de Cores

4º Passo: Depois, clique em "Aplicar ao blog", no canto direito de seu monitor, na parte superior para salvar.

Gostou? Deixe seu comentário e compartilhe com seus amigos

- [tutorial] Como Colocar Janela Mini Popup Curtir No Facebook No Blog
Nesse tutorial iremos ensinar como colocar janela com um mini Pop-Up pra curtir no Facebook que aparece com um efeito deslizante ao lado direito do blog próximo ao roda-pé. Para fazer esse processo basta seguir o tutorial...

- [tutorial] Como Fazer Para Colocar O Título Do Blog Em Movimento
Se você é daquela pessoas que gosta de Personalizar cada detalhe de seu blog então esse tutorial é pra você mesmo, nesse tutorial vamos lhe da uma dica bem legal para deixar o titulo de seu blog em movimento pra que ele se torne ainda mais atraente...

- [tutorial] Como Instalar Widget Barra Fixa No Topo Blog Com Postagens Recentes
Nesse tutória iremos ensinar a você a colocar uma barra fixa no topo do blog com as postagens mais recentes do blog, Para instalar esse Widget em seu blog é muito simples basta seguir o tutoria passo a passo que que esta logo abaixo. 1º Vá...

- [tutorial] Como Colocar Barra Flutuante De Redes Sociais No Blogger
As redes sócias é sem duvida uma das grandes formas de divulgação de qualquer tipo de conteúdo pensando nisso preparamos esse tutorial que ira lhe ajudar a oferecer aos visitantes de seu site a possibilidade de compartilhar suas postagens nas redes...

- Barra De Progresso Ou Carregamento Igual Do Youtube
Aprenda a deixa a Barra de Carregamento de seu Blog Igual a do Youtube! 1º Passo: Acesse o painel de edição do seu Blog, clique na opção Modelo >> depois em Editar HTML. 2º Passo: Agora, clique em qualquer parte do código,...

Tudo Mais