Image Map

Barra de rolagem colorida

|
298272_261125473912186_200881573269910_933134_170028_n_large
O Pink Skull design me salvou com esse tutorial! Graças a ele é possível colocar a barra de rolagem colorida, nos navegadores Google Chrome, Safari e Internet Explorer, como eu fiz aqui no blog. É muito fácil, o problema é que não funciona no Firefox e muito menos no Opera. Sua barra de rolagem similar a essa:
Imagem do blog Menina Nerd.
1-  Para colocar a barra de rolagem colorida, vá até Design, Editar HTML, aperte CTRL+F e procure por:
]]></b:skin> 
E cole ACIMA o seguinte código:

::-webkit-scrollbar {width: 12px; height: 4px; background: #343434; }
::-webkit-scrollbar-thumb { background: #ff004d; }
*{
scrollbar-face-color:#ff004d;
scrollbar-highlight-color:#ff004d;
scrollbar-3dlight-color:#343434;
scrollbar-darkshadow-color:#343434;
scrollbar-shadow-color:#ff004d;
scrollbar-arrow-color:#343434;
scrollbar-track-color:#343434;
}
Visualize e só salve se tiver dado certo. Lembrando que só irá dar para você visualizar se você estiver utilizando o Internet Explorer na hora de fazer esse tutorial.


2- Comentar dizendo se usou.
Lembrando que você só poderá visualizar se o efeito deu certo se estiver utilizando o Google Chrome, Internet Explorer ou Safari.
Para alterar as cores, mude o código de cores do que está em rosa.
Esse tutorial pra mim foi um achado HAHA, Beijos

56 comentários:

Isabelle Santos disse...

estava louca atras desse tutorial, muito obrigada, fiz lá no blog *-* amei! e amei o blog também, um arraso, haha. Bjs

www.dearblueorange.blogspot.com

Unknown disse...

te linkei ;)

http://blog.pinkskulldesign.com/p/valem-varios-cliques.html

Igor Lucas disse...

aa , que legal esse blog sempre estarei ligado nele , seguindo aqui segue lá também caso se quiser afiliaçao manda o recado lá :D:D
http://meninoteen.blogspot.com/

Ana Souzah disse...

Amei, to seguindo aqui tmb ^^

http://s2-linda-mulher.blogspot.com/

CinderellaNerd - Deyse Mello disse...

Uaaauuu! o CinderellaNerd ficou lindo a com a barra colorida!

Ameiii!!

Bjos!

http://cinderellanerd.blogspot.com/

CinderellaNerd - Deyse Mello disse...

Eu não consegui trocar a car da barra... queria colocar um amarelo mais claro.. me ajuda??

Anônimo disse...

Ajudou muito :33333
Beijo
http://splashcake.blogspot.com

Lygia Benevides ; disse...

super me ajudou , rsrs

João Marcello disse...

Estou usando \õ

Thayná Santtos disse...

Gosteei meu blog ficoou Maraaa

http://demibrasillovato.blogspot.com/

Anônimo disse...

Estou usando este tutorial

Anônimo disse...

Estou usando este tutorial no meu blog...Ficou muito bonita a barra de rolagem!

Anônimo disse...

Nossa muito obrigado, tava louco pra saber esse código ' seu blog tá servindo de muita ajuda ao meu '

quiser passar por lá ? '
http://young-nation11.blogspot.com/

#luiza disse...

useeeei

jennifer disse...

usei
bejs
www.blogforeverteens.blogspot.com

Anônimo disse...

Ficou divo ! adoradorasdelivros.blogspot.com

Sofia Mota disse...

Usei. Beijo
just-a-sweet-girl.blogspot.com

Unknown disse...

Usando no http://jornalbjs.tk (:

demi is our queen, bitches. disse...

ESTOU USANDO!OBRIGADA

Jady K. disse...

Estou usando!
http://teenagesweetpoison.blogspot.com

Unknown disse...

Usando ! Beijos (:
meninadeall-star.blogspot.com

Milena disse...

Obrigada! Estou usando no meu blog
diamantesdeumagarota.blogspot.com

Ana Aninha Byah Beatriz disse...

Eu usei no meu blog, mt bom!

http://fanluar.blogspot.com/

Hellen Rovesse disse...

useei
alltheglamour.blogspot.com

júlia sousa disse...

Usei ^^

Sthephany Lopes disse...

Ótimo! Estou utilizando, amor, mas, não consigo alterar a cor :S

Sthephany Lopes disse...

Opa! consegui *-*
Passa lá, meu amor <3
Chêrim, Lola ;**
loladelight.blogspot.com

Maria Clara Sebben disse...

usei no meu blog adorei!

Luana disse...

Amore, como vc coloca essa imagem no fundo, tipo quando você coloca os códigos?

Monster Ball | Avatars disse...

estou usando , ameiii *---*

Lara disse...

adorei,estou seguindo adoraria que me seguisse
thespeakingout.blogspot.com

Bel Gomes disse...

Estou usando lá no blog
http://bel-justforteens.blogspot.com

Maísa Gabriela disse...

Pegueeeeeeei Liinda
http://www.replaygirl.blogspot.com
Obrigada por me ajudar tanto!

Anônimo disse...

APROVADO!!!!!!!! USANDO! KISSES

Aline Camilo disse...

Fiz no meu blog linda, obrigada, me ajudou muito!

sonhos-de-um-adolescente.blogspot.com
Seeg lá ? Obrigada *-* Beijoos

eJhonas disse...

Parabéns pela postagem..
www.ejhonas.com

Vicky ♡ disse...

consegui!

garotas-cupcakes.blogspot.com

Vicky ♡ disse...

consegui!

garotas-cupcakes.blogspot.com

@Scarlett_Lopees disse...

oooi coelhinha, mt obrigada! :D

@Scarlett_Lopees disse...

nhawn.blogspot.com.br
usei lá, mt obrigada *-*

Chant disse...

Em um blog meu de testes deu certo, mas no outro que eu precisava por mesmo não deu, e fiz exatamente igual :S

Maiary Rodrigues disse...

Amei! Ficou lindo *-*

LD disse...

Usei ;)

Vicky ♡ disse...

usei, lindo!

Beijinhos,

http://garotas-cupcakes.blogspot.com.br/

Anônimo disse...

Adorei! Ficou linda! ^^

Maju disse...

Estou Usando , ;D

Cheer disse...

Usando, achei fofo.

cherry-blog-official.blogspot l com

Yuni-chαn disse...

Usei, amei o resultado.

Laura disse...

Useei ^.^

Part Of Me ♥ disse...

to usando *-* ameei mto.. é perfeito, parabéns (: http://partofmeluan.blogspot.com.br/

Ana Beatriz disse...

Usando !

Debee disse...

Obrigada! Não só por esse tutorial, mas por todos os outros. Sério, esse blog sempre me ajuda! :*

Bianca disse...

usei! Obg pela Dica!

Blog: makeemparis.blogspot.com

Unknown disse...

Consegui e amei!!!!! Obrigadaa!!!!

Unknown disse...

Show, parabéns, adorei o tuto. :)

Lay Silva disse...

Muito irado, cara. Usando ^^

http://nyahbooksoficial.blogspot.com.br/