Colocando Scrollbar (Barra de Rolagem) Estilo a do Blog

Oi *-* O que vocês vão fazer no natal? O que vocês querem ganhar de presente de seus pais ou parentes? Eu irei querer um computador só para mim <33 Eu ainda não tenho planos para o natal ou para o ano que vem :3 Mas, eu espero mudar meu comportamento,pelo fato de que sou muito trouxa. E acho que vou cortar meu cabelo e pinta-lo de azul e rosa <333 perfect *-*

Enfim, muitas pessoas vivem falando: "Thereza faz um tutorial dessa scrollbar do seu blog", daí eu pensei "Okay". Então, hoje eu estarei postando não o modelo da scrollbar do blog e sim o tutorial <3333 Se você quer saber xomo colocar a scrollbar no post siga o tutorial,clique † † aqui † † 





Vá em Modelo >> Editar HTML e depois clique dentro da caixa e pressione CTRL + F e depois procure por ]]></b:skin> e acima do code,cole o seguinte:
::-webkit-scrollbar-thumb:vertical {
outline-offset: -4px;
outline: solid 1px #COR;
background-image: url(URL DA IMAGEM);
border: 3px solid #COR;
border-right: 3px solid #COR;
}
::-webkit-scrollbar {
border: 6px solid #COR;
background: #COR url(URL DA IMAGEM);
width: 13px;
}


  Se você quiser colocar cor em vez de imagem ou background, pague url até o final do parenteses e troque por #COR

Bjs <333

12 comentários:

  1. Olá The 0//
    Eu de verdade, não saberia o que ganhar de natal, seja lá o que, está bem. A festa do natal já é um presente não é verdade? Eu amo essa barra de rolagem *0* É tão fofinha e deixa o blog com um ar mais diferente. Achei o tutorial muito bem explicadinho e acho que vou usar no meu próximo layout. Obrigada por postar <3
    Snack Cheese!! | Clique aqui, e vá ao encontro do SC! ♥

    ResponderExcluir
    Respostas
    1. Oi :3
      Sim, mas eu prefiro os presente *-*
      Que bom que gostou!! <333

      Excluir
  2. Oioi *pensando em um apelido japonês pra ti por enquanto*
    Eu acho que vou pedir de novo um CD ou algo de animes, mas ainda nem sei o/
    Eu curto bastante usar esse tutorial porque deixa o layout mais caprichoso, sinceramente acho que quando não colocamos fica tipo, meio desleixado ;-;
    Obrigada por postar tutoriais, muita gente precisa ^^
    Sayonara o/
    cute-universe.blogspot.com

    ResponderExcluir
    Respostas
    1. Olá!!
      Vdd, eu prefiro por a scrollbar ela é muito fofa <333
      Fico feliz em estar ajudando pessoas <333

      Excluir
  3. Eu nunca ganho nada de natal, nunca ganhei... (Na maioria das vezes nem "presente" de aniversário eu ganho!)
    Sortuda, o meu Pc tá bem ruinzinho kkkkk

    Tutorial facinho :3 Gosto quando explicam as coisas de modo simples ^^

    Skull-minds.blogspot.com

    ResponderExcluir
    Respostas
    1. Talvez por que você nunca pede nada ao seus pais para dar algo a você ;)

      Hahhah obrigado!! Fico feliz que tenha gostado <3333

      Excluir
  4. Eu provavelmente irei ter uma pequena festa de ntal com a minha família em casa, e como meu pai geralmente não dá presente de natal eu nunca sei o que pedir, mas se ele der eu quero um novo computador ou um PS Vita. ^^

    Eu amei essa barrinha nos posts do blog, achei algo diferente. Eu tentei no meu mas não combina com o blog sabe? Mas quando der eu irei deixar ele lá ^^

    oheytina.blogspot.com

    ResponderExcluir
    Respostas
    1. Eu não gosto muito de festas,mas se for para ganhar presente eu topo :3 O que é um PS vita? '-'

      Tem que decora-lá assim fica mais bonita :3

      Excluir
  5. Eu não desejo nada mais além do carinho da minha família, é pera e também um suéter nada a desejar mais! Também não tenho planos pro próximo ano só vou colocar nas mãos de Deus e esperar ;D adorei o post e o tuto beijos!

    http://cloundforhtml.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. Pois eu desejo muito presente :3 Não gosto muito de suéter </3 Sim,mas é nós que devemos fazer nosso futuro e não Deus ;) Obrigado!!!

      Excluir
  6. Oi Theresa! tudo bem,amei o post,eu adoro tutos assim fáceis de fazer e que deixam o blog enfeitado.Já coloquei você lá nos afiliados do PK.
    Beijos
    princes-kawaii.blogspot.com.br

    ResponderExcluir