Personalizando a barra de rolagem dos blogs do blogger

► +A +/- -A
Olá caro leitor do Tecnoblog:
Hoje ensinarei como modificar a barra de rolagem do seu blog:


2011-08-12 13h52_46
Uma Barra de rolagem (scrollbar, em inglês) é um controle gráfico numa interface gráfica do utilizador que permite que um texto contínuo, imagens ou qualquer outro elemento possam ser "rolados"; isto é, vistos aos poucos, mesmo que o seu tamanho total seja maior do que aquele disponível na tela/monitor do computador, janela ou viewport. Como num ambiente/área de trabalho convencional existem apenas as dimensões horizontal e vertical, as barras de rolagem podem ser tanto horizontais quanto verticais.
1. Mãos a personalização


1.Entre no Blogger, dirija-se à aba Design > Editar HTML.
( Na nova interface vá em: Modelo > Editar HTML do modelo )


2. Aperte Ctrl+F do seu blog e localize a seguinte tag:
]]></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;}

Clique em visualizar e se estiver tudo certo clique em salvar modelo.


Pronto, Facil.
Tem alguma duvida comente.
► Postagens Relacionadas:

19 Comentários

Gabriel Henrique disse...

q cuzao

17 de março de 2012 às 11:44
Gabriel Henrique disse...

n leiam isso!

17 de março de 2012 às 11:44
Caio Vinicius disse...

Caro Amigo, Eu Te peço, Que por favor, não perda seu tempo vindo ao meu blog e o Discriminar, Pois você parece que não sabe oque nem é Blog, E Afinal, oque esta parecendo lixo aqui é seu Blog okay? :) Espero que você tome vergonha na cara e pense antes de fazer isso, e eu poderia muito bem ir até o DMCA é Denunciar você. E Seu blog só seria esquecido como vários que foram, ou seja não quero ser bruto e te xingar até não poder falar mais. Até mais. E Criticas não me Quebram pois sou muito Forte. Até mais.

17 de março de 2012 às 11:55
Gabriel Henrique disse...

cuzao deve q vc nem conhece meu blog o idiota

17 de março de 2012 às 11:58
Gabriel Henrique disse...

e se conhecer ele esta passando por uma parte ruim dps iremos arrumar o fdpta

17 de março de 2012 às 11:59
Caio Vinicius disse...

Não conheço, mas afinal nunca vou querer conhecer, pois não gosto de lixos. E é melhor você me respeitar pois então a coisa não dará certo. HabooIdiota!

17 de março de 2012 às 12:01
Daniel Silva disse...

Caro amigo Pederásta, isso não fica bem para você, grande encéfalo, esse tipo de plavriado é muito mal visto no meio dos blogueiros, ou você não sabia? Encéfalo de guidom. Retenha as boas dicas que existem nesse blog. Todos nós já sabemos que você não é um blogueiro, então é melhor que você nem comente caso não tenhas algo coerente para dizer. Todos nós ficamos gratos. Abraços!

17 de março de 2012 às 12:01
Caio Vinicius disse...

Oremos por Gabriel Henrique. Abraços.

17 de março de 2012 às 12:04
Gabriel Henrique disse...

oração e pra tu morrer tu e um cu

17 de março de 2012 às 12:08
Daniel Silva disse...

Animal, Para de comentar aqui, sua anta.

17 de março de 2012 às 13:05
Igor Montalvão disse...

Muito Bom! Gostaria de saber mais sobre o seu Template, ele é disponivel?

31 de março de 2012 às 14:15
Caio Vinicius disse...

Olá Igor, Tudo bom?

Que bom que gostou do nosso Post, Obrigado por participar.
Me Desculpa, mas é uma pena, Ele não é disponível para Download ainda não.
Mas não se preocupe, Em breve será! Fique atento as noticias do Tecnoblog. Abraços, Fica com Deus.

31 de março de 2012 às 15:08
Igor Montalvão Souza Lima disse...

Como você colocou as abas expansíveis?

31 de março de 2012 às 15:14
Caio Vinicius disse...

Que abas? Os Títulos dos Gadgets Deslizantes?

31 de março de 2012 às 18:22
Igor Montalvão Souza Lima disse...

ée

31 de março de 2012 às 20:17
Caio Vinicius disse...

Okay Guest (Igor). Já estarei publicando o post esta semana. Obrigado por sugerir. Até mais. Fica com Deus.

1 de abril de 2012 às 06:25
Igor Montalvão disse...

Obrigado Caio, sem duvidas irei divulgar em meu blog!

2 de abril de 2012 às 21:22
Caio Vinicius disse...

Fico Grato! Obrigado!

3 de abril de 2012 às 12:21
Annie disse...

Oi! Estou com problemas ao mudar essa minha barra!
Eu gostaria de personaliza-lá com minhas próprias cores, mas não consigo, o que posso fazer para trocar de cor? OBS: Esta barra desse post é a única que funciona no meu blog :/

10 de março de 2013 às 16:12

Postar um comentário

Seu comentário é bem vindo, mas leia antes de comentar...
→ Se os comentários conter palavrões, xingamentos, ofensas ao autor ou qualquer pessoa, não serão publicados!
→ Não Contiver outros sites!
→ Não conversar com comentários!
→ Não conter propaganda!
→ Visite o nosso termos de uso
Obrigado e volte sempre!