27 de jun de 2012

Barra de rolagem personalizada

Oi amores da minha vida, vou ensinar hoje a como personalizar a barra de rolagem do blog! Pra min essa que já vem é meio feia, então prefiro personalizada. (Primeiro Luan, a sua nen tá personalizada, e segundo ningem liga para sua opinião)!
Ah, sobre a minha não está personalizada é que não estou usando modelo travel,então a barra personalizada não pega!

1 - Abra seu blog > Vá em desing > Editar HTML.
2 - Procure por:]]></b:skin>
3 -Logo depois que achar cole esse código antes:

::-webkit-scrollbar {
width: 12px;
height: 4px;
background: #f5f5f5; /* Background da barra fixa */ 
}
::-webkit-scrollbar-thumb {
background: #dcdcdc; /* Background da barra móvel */
}

3- Faça as devidas alterações e depois salve!

5 comentários:

  1. Adorei o tuto. Muito útil.
    Blog:http://rosaschiclete.blogspot.com.br/
    Tumblr:http://tea-wonderland.tumblr.com/

    ResponderExcluir
  2. Arrasou Estevão, muito útil o tutorial. Desculpa a demora para uma visitinha, muita correria. Mas nas férias vou vir sempre que possível. Um bezo :3
    http://www.viciadasemcupcake.blogspot.com.br

    ResponderExcluir
  3. Muito útil, eu tenho essa barra no meu blog, e só uma dúvida, se eu quiser colocar uma imagem de fundo na minha barra, eu posso substituir a parte do background por qual código? Grata.

    diamantesdeumagarota.blogspot.com

    ResponderExcluir
  4. Estranho... só acho isso em blogs femininos... to sentido que meu site vai ficar um pouco afeminado.

    PS: Não sou marxista.

    ResponderExcluir