sexta-feira, 27 de abril de 2012
Ooin galera, ando um pouco ausente né?! :/ Mas nunca vou abandonar esse cantinho...
Enfim, hoje tenho uma dica legal para vocês.
Vou ensinar como mudar a cor da barra de rolagem do blog, já repararam que a minha barra está colorida? É uma fofura né?! haha
Isso não tem muita ''ultilidade'' mas deixa o blog bem colorido e atrativo. Vamos aos passos.

1. Vá em ''design'' no seu painel, depois em ''editar html''.
2. Aperte Ctrl F e procure o código: ]]> , ele estará assim: ]]></b:skin>
3. Cole o código abaixo em cima de ]]></b:skin>,

*{
scrollbar-face-color:#f677cc;
scrollbar-highlight-color:#f677cc;
scrollbar-3dlight-color:#e177f6;
scrollbar-darkshadow-color:#e177f6;
scrollbar-shadow-color:#f677cc;
scrollbar-arrow-color:#e177f6;
scrollbar-track-color:#e177f6;
}

::-webkit-scrollbar {width: 12px; height: 4px; background: #e177f6; }
::-webkit-scrollbar-thumb { background: #f677cc; }


4. Clique em salvar e veja como ficou.

Para mudar as cores é super simples, os códigos que está rosa se refere a cor da barra de rolagem(aquela parte menor que se mexe) e os códigos que está roxo se refere ao fundo da barra(a parte que maior). Então é só substituir os códigos(as cores) não mexa em nada do código, só nos códigos das cores, #f677cc #e177f6.
Aqui está o site com a tabela de cores
http://www.efeitosespeciais.net/tabela.htm
Escolhas as cores de sua preferencia e substitua. Eu espero que tenham gostado da dica, pois eu ameeei minha barra colorida, kkk
Beijiinhoos!

100 comentários:

  1. Adorei seu blog e ja estou seguindo.. passa dar uma olhadinha no meu tb e se gostar segue; Beijos
    patricia-langaro.blogspot.com.br

    ResponderExcluir
  2. Seu blog é muito fofo já estou seguindo!
    http://amagicaestaaqui.blogspot.com.br/

    ResponderExcluir
  3. Muito fofo aqui obrigada flor pelo comentário e pela visita volte sempre que quiser ...http://colorindoestemundo.blogspot.com.br/

    ResponderExcluir
  4. Oii.. Adorei muito a dica.
    muito obg pelo carinho e pela vizitinha.
    Adorei ter vc no meu cantinho.
    Já estou te seguindo. bjinhos..

    michellefany.blogspot.com

    ResponderExcluir
  5. Oie.. Excelente dica.
    Sabe que tinha até esquecido disso, que vergonha...
    Adorei conhecer seu blog.
    Brigadu pela visita e tb estou lhe seguindo.
    Bjs
    http://apesardos50.blogspot.com/

    ResponderExcluir
  6. Olá! Vi seu comentario no meu blog adorei o seu amiga :) obg!!!
    Beijos Sucesso!

    http://blogueiras-on.blogspot.com.br/

    ResponderExcluir
  7. Oooin pessoas, *o* obrigada por tudo. Retribuindo.
    xoxo

    ResponderExcluir
    Respostas
    1. olá tentei colocar crtl f e pesquisei ]]> mas não apareceu nd, oq eu faço?

      Excluir
  8. DIA INNTERNACIOL DA MULHER

    Nada mais contraditório do que
    Uma mulher bonita não é aquela de quem se elogiam as pernas ou os braços, mas aquela cuja inteira aparência é de tal beleza que não deixa possibilidades para admirar as partes isoladas
    A você que e amiga
    A você que e magia
    A você que e encanto
    Parabéns pelo seu dia mulher!!!!!!!!!

    ResponderExcluir
    Respostas
    1. Oooi Raicha, linda mensagem. Obrigada ♥
      Parabéns pelo dia internacional da mulher!!!
      Beijos.

      Excluir
  9. bela dica, é sempre bom personalizar seu blog pois dá um ar de ago original seilá,kkkk

    ResponderExcluir
  10. kk, também acho. obrigada pela visita..

    ResponderExcluir
  11. Gostei da dica!
    Quero mais!!
    =*
    http://feitodemel.blogspot.com/

    ResponderExcluir
  12. Oi Débora, que bom que gostou. Você encontra mais dicas na tag - tutoriais aqui do blog.
    Beijoos e obrigada linda.

    ResponderExcluir
  13. Já conhecia o tutorial, mas mesmo assim parabéns, é super bem explicadinho *-*.
    Retribuindo a visita e já estou seguindo, adorei aqui ><',
    beijoos

    http://pequennos-detalhes.blogspot.com.br

    ResponderExcluir
  14. Amoree,quer um layout só seu??é muito mais bonito do que um que todos usam não acha??então me manda um comentário:http://small-cupcake.blogspot.com (é gratuito)beijinhos Bella.

    ResponderExcluir
  15. Oiié, claro que sim. Estou indo no seu blog.

    ResponderExcluir
  16. Amoree,está quase pronto,entre no meu blog e se comunique comigo para eu te mandar o link e vc dar sua opinião.ok??bjus

    ResponderExcluir
  17. Ameei seeu blog dá uma olhada no meu garotaindependente-teen.blogspot.com.br *--*

    ResponderExcluir
  18. Muito obrigada, eu adorei!!!
    Segue o meu blog>> http://amantesdemoda.blogspot.com.br/ <<eu sigo de volta!!

    ResponderExcluir
  19. Ola!!! Seu blog é lindo!!! gstaria de saber como faço para por essas caixinhas de comentario no meu blog? dayane_px@hotmail.com

    ResponderExcluir
  20. Seguui floor ?! '
    - aaaameeeeei o bloog suuper-lindo&ajudou muuitôo '
    http://sorte-liaah.blogspot.com/

    ResponderExcluir
  21. Nossa muito legal ! , adorei! , mas a barra não foi salva no meu blog . . .

    ResponderExcluir
  22. Olá, flor entrei para seguir seu tutorial e te segui gostei muito, passa lá meu blog ficarei feliz com sua visita...http://bybeiju.blogspot.com.br, bjimm

    ResponderExcluir
    Respostas
    1. Gente curte poor favor https://www.facebook.com/TutoriaisCapasOficial eu to precisando

      Excluir
  23. segue o meu blog te segui até adorei o blog é muito fofinho
    http://demimistarteen.blogspot.com.br/ se nao quiser nao precisa pq é da demi lovato tá?

    ResponderExcluir
  24. tenho um problema no meu blog s: . não consigo receber comentários , será que me podem ajudar ? .-.

    ResponderExcluir
  25. adorei seu blog arraso da uma olhadinha no meu me segue lá ja estou seguindo o seu beijoss obg

    http://garotasconectadas2.blogspot.com.br/

    ResponderExcluir
  26. Mim ajudou muito! Olhem meu site - http://winxclubwcp.blogspot.com.br/!

    ResponderExcluir
  27. Gostei do seu blog ! segue o meu ?
    cpmelfronckowiak.blogspot.com

    ResponderExcluir
  28. obg consegui colocar se vc quiser me seguir no meu blog http://clubedaswinxcom.blogspot.com eu já sigo vc obrigada

    ResponderExcluir
  29. caaraca ficou super lindo o meu blog

    http://mythebackgrounds.blogspot.com.br/

    ResponderExcluir
  30. Muito legal o Tuto.Podemos fazer parceria? já sigo seu blog poderia retribuir obrigada http://vouaprenderafazerbg.blogspot.com.br/

    ResponderExcluir
  31. Oi flor! Adorei esta dica pois estava procurando por ai e a sua foi a primeira que eu achei por aqui rsrs.
    Visita meu blog ? ele por enquanto ainda é novinho em folha e estou modificando aos poucos (não repara) www.julianayra.blogspot.com.br

    E só um lembrete: hoje estou comentando aqui mas não vi sua barra de rolagem modificada, será que você tirou ou saiu sozinho ?

    Bjs e obrigada pela tua ajuda.
    =)

    ResponderExcluir
  32. ADOREI MESMO FICOU LEGAL E MELHOROU O BLOG

    ADOREI O SEU BLOG

    HTTP://ADOLESCENCIAEMMENTE.BLOGSPOT.COM

    ResponderExcluir
  33. ameei essa barra de rolagem. ja coloquei no meu blog to começando agora, mais ja ta ficando legal, te seguir, se gosta do meu segue.

    ResponderExcluir
  34. ameii essa barra de rolagem..

    diamonds-are-agirls-best-friend.blogspot.com.br/

    beijiim

    ResponderExcluir
  35. O blog ficou bem melhor com isso! Obrigada! :)

    ResponderExcluir
  36. seu blog e legal entra no meu e me diz oq vc acha

    micrazzyworld.blogspot.com

    ResponderExcluir
  37. Adorei por favor voce poderia ver meu blog e me ajudar a personaliz-alo??

    ResponderExcluir
  38. http://meninasawnn.blogspot.com.br/2013/03/anuncie-aqui.html

    ResponderExcluir
  39. Não consegui fazer..vç me podia ajudar?
    essa é a cor que eu quero #8B3A62
    +Podia por aqui o codigo todo completo para que eu possa colar la??(e já agora onde eu colo, a seguir ao ]]>?????
    Obrigada!!
    Adorei o seu blog já segui!!:)

    ResponderExcluir
  40. Divulgado o seu blog no meu (:
    Divo o seu blog *-*

    ResponderExcluir
  41. yyeeaahh mina...vlw por este post...(não vou mudar a cor pq eu gostei do rosa pq na vdd eu qria um rosa msm kekekeke)...há dias q eu venho procurando isso...pq eu acho mt feio aquelas barras de trolagem de cor padrão...na verdade tudo q é padrão do blog é fei...kkkk
    poisé, já tentei em varios outros sites pra poder mudar a cor da barrinha do meu blog e nunca conseguia mas aí eu encontrei seu blog e conseguiii !! YEAH!!! kekeke
    seu blog eh mt foooofooo...parabéns caprichou no design!!!

    ResponderExcluir
    Respostas
    1. poxa entao me ajude ate agora nao consegui mudar a barra de rolagem do meu blogspot ja tentei de tudo e nao da certo pode me ajudar ?
      agradeçida

      Excluir
    2. poxa entao me ajude ate agora nao consegui mudar a barra de rolagem do meu blogspot ja tentei de tudo e nao da certo pode me ajudar ?
      agradeçida

      Excluir
  42. Amei, e já fiz no meu
    gastroplastiaonline.bolspot.com

    ResponderExcluir
  43. Amei mais o meu html ñ tem ]]>
    Visitem meumundocut.blogspot.com.br

    ResponderExcluir
  44. Gente curte poor favor https://www.facebook.com/TutoriaisCapasOficial eu to precisando

    ResponderExcluir
  45. ñ estou conseguindo,mudar a barra como faço? por favor me ajudem !

    ResponderExcluir
  46. Nossa muito fácil obrigado! ficou perfeito, mas queria deixar a barra redondinha tipo a sua; será que tem como colocar border-radius no código?

    ResponderExcluir
  47. Vlw,primeira vez que consigo fazer isso :D


    http://sir-pizza.blogspot.com.br/

    ResponderExcluir
  48. Amei o post e o blog, parabéns, e por favor pessoal, sigam e divulguem o meu blog quem puder rçrç' :

    http://euusophotoshop.blogspot.com.br/

    ResponderExcluir
  49. oooi lindas passa la no meu blog
    http://carolainnecosta.blogspot.com.br/

    ResponderExcluir
  50. Dica perfeita http://girlslinkedoficiall.blogspot.com.br/

    ResponderExcluir
  51. oiee obrigada pela dica
    Eu estou pensando em indicar alguns blogs na minha proxima postagem
    desde que os blogs me indiquem tb

    Topa eu te indicar e vc me indicar?

    Aguardo respostas
    Blog: http://wwwblogpapoteen.blogspot.com/

    Se gostar segue
    bjs

    ResponderExcluir
  52. Amei. Agora vou ficar vindo sempre visitar seu cantinho. Seja bem vinda ao meu se quiser me fazer uma visitinha... Ahh, estou seguindo!!
    O meu blog chama "Assuntos de Mulheres"
    www.amandarochaoficial.blogspot.com

    ResponderExcluir
  53. Lindo muito obg de uma olhadinha no meu blog:
    http://palomacfbonani.blogspot.com.br/

    ResponderExcluir
  54. Lindo muito obg de uma olhadinha no meu blog:
    http://palomacfbonani.blogspot.com.br/

    ResponderExcluir
  55. Ajudou bastante, Obg! Vistem meu blog! Tem varias dias e coisa legais para mulheres e meninas, tudo o que garotas precisam! http://thebaudavaidade.blogspot.com.br Bjinhos! :*

    ResponderExcluir
  56. vou tentar a dica!!

    http://cherryspurple.blogspot.com.br/

    ResponderExcluir
  57. amei!
    coloquei no meu tbm!
    ministerioparatodas.blogspot.com

    ResponderExcluir
  58. OI ME AJUDA POR FAVOR MEU HTML TA DANDO ERRO E EU BOTOU TUDO SÉRTINHO FICA DANDO More than one widget was found with id: HTML2. Widget IDs should be unique. NÃO SEI PQ JA TA 2 DIAS ASSIM QUALQUER COISA Q EU BOTE DA ESSE ERRO PF OQUE EU FAÇO ME AJUDA ?

    ResponderExcluir
    Respostas
    1. nao consigo resolver isso o meu tambem da o mesmo erro se souber como me da uma ajudinha ?
      agradecida

      Excluir
    2. nao consigo resolver isso o meu tambem da o mesmo erro se souber como me da uma ajudinha ?
      agradecida

      Excluir
  59. Ja estou seguindo adorei seu blog vai no meu e de uma olhadinha
    http://coisavivida.blogspot.com.br/

    ResponderExcluir
  60. fofa eu queria saber como vc organizou essa parte ''Nosso papo''
    Mais ameei sua dicas me siga e me ajude pf

    www.tutoriaismandy.com bjks

    ResponderExcluir
  61. Mas eu não consigo de jeito nenhum!
    Meu blog é http://caindonarealcomliviasousa.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. tambem nao consigo ja tentei de tudo ,se conseguir e puder me ajudar ficarei grata

      Excluir
    2. tambem nao consigo ja tentei de tudo ,se conseguir e puder me ajudar ficarei grata

      Excluir
  62. Nossa amei, meu blog ficou do jeitinho que eu queria !!!
    http://nossabelezaa.blogspot.com.br/

    ResponderExcluir
  63. Olá Tay adorei seu post e já estou usando a dica!

    Adorei seu blog, grande beijoo

    http://makemodaeinspiracao.blogspot.com.br/

    ResponderExcluir
  64. Ficou mais lindo do que eu imaginava :) Muito obg pelo tutorial chegou exatamente na hora certa e do jeito certo.

    ResponderExcluir
  65. muito bom, me ajudou
    veja o meu: http://conspiracoesocultistas.blogspot.com.br/

    ResponderExcluir
  66. Adorei ,segue meu blog?

    http://meudocemundoo.blogspot.com.br/

    ResponderExcluir
  67. Adorei, obg
    http://alohalour.blogspot.com.br/

    ResponderExcluir
  68. Muito Obrigada me ajudou muito , bjos :*

    ResponderExcluir
  69. Amei :3 é tão simples e fácil né! <3 muito obg !!!!

    ResponderExcluir
  70. Mt obrigada minha flor vc me ajudou mt estou seguindo em! me segue la :http://eaimagalhaes.blogspot.com.br/

    ResponderExcluir
  71. Não consigo resolver o meu é o blogspot, ja fiz tudo como explicadinho mas nao deu certo como faço para resolver isso poxa to achando que so eu to sem sorte.
    agradecida

    ResponderExcluir
  72. Não consigo resolver o meu é o blogspot, ja fiz tudo como explicadinho mas nao deu certo como faço para resolver isso poxa to achando que so eu to sem sorte.
    agradecida

    ResponderExcluir
  73. Oi! Como faz para retirar a barra? Obrigada!

    http://asalternatividades.blogspot.com.br/

    ResponderExcluir
  74. Socorro a minha barra de rolagem sumiu!! Eu já tentei procurar ela no html mas n aparece!!

    ResponderExcluir

- Seu comentário é importante, dê vida ao blog, comente!
- Nada de palavrões, xingamentos ou baixarias, seja educada(o)!
- Deixe seu link pois as vezes não aparece no perfil e eu gosto de retribuir todos os comentários.
- Nada de links pornográficos ok?!

Obrigada por sua compreensão e por comentar.
Volte sempre!

Search

Tecnologia do Blogger.

Seguidores