05 fevereiro, 2012

Como subir a barra lateral ( Barra lateral ao lado do cabeçalho )

Tumblr_lycbqwaxyk1qghjduo1_r1_500_large

Oiii meus amorecos *-*
Hoje vim com tuto super útil, sabe aqueles blogs que tem a barra lateral um pouco para cima ou até o topo, e ás vezes ao ladodo cabeçalho ? Então vou ensinar a fazerem isto. Eu testei e deu certinho o tuto, ok vamos começar então  :  (Tutorial achado em Cherry Pink, Editado por Mim e escrito por mim)

Vá em design > Editar HTML > aperte CTRL+F e procure por:   

.main-inner .column-left-outer {    
Caso sua coluna seja no lado esquerdo 


.main-inner .column-right-outer {    
Caso sua coluna seja do lado direitos

E abaixo do código pesquisado cole o código abaixo:

margin-top: -200px;

O código acima sobe os gadgets, quanto maior o número mais vai subir, quanto menos o número mais vai descer.


.main-inner .fauxcolumn-left-outer {    
Caso sua coluna seja no lado esquerdo 


.main-inner .fauxcolumn-right-outer {    
Caso sua coluna seja do lado direitos

E abaixo do código pesquisado cole :

margin-top: -200px; 

Antes fizemos subir os gadgets e agora este código fará subir a barra lateral, lembrando que o número que você colocou no 1° código deve ser o mesmo do 2° .

Se quer ver o resultado pode ver no meu blog de testes clicando aqui.

Um beijo enorme , beijos espero ter ajudado.

17 comentários:

  1. Tutorial super util..

    VISITA??
    www.kawaii-world.net

    ResponderExcluir
  2. amei o tuto foi muito bom pro meu blog , se puder visite!
    http://loveittoo.blogspot.com.br/

    ResponderExcluir
  3. Ajudou! Eu seguia os tutos de outros blogs mas nunca conseguia, mas com o seu foi diferente \õ/
    Beiijos!
    docemeiguice.blogspot.com
    teensstyleencomendas.blogspot.com

    ResponderExcluir
  4. nossa fazia um maior tempão que eu estava atras de um tutorial assim tipo eu fazia o tutorial só que nunca subia o Gadget e não sabia o por que dai pesquisando vi teu tutorial e tentei e deu certo, amei flor gostei bastante, a sim gostei de seu blog to seguindo ele (:http://blognew-girl.blogspot.com/

    ResponderExcluir
  5. adorei e muito obrigado já tinha um blog a muito tempo mais decidi divulgalo agora!Meajuda!aceita parceria+divulgação?

    bestgirlsofficial.blogspot.com

    ResponderExcluir
  6. Aiii adorei o tutu, me ajudou muitooo!!
    Obrigada :D
    Seu blog é muito lindo eu adorei ele to seguindo aqui tá??
    visita?:
    coffemilia.blogspot.com
    Beijão.

    ResponderExcluir
  7. Mee ajudou muito, seu blog é um amor beeijos!
    http://unhaseesmaltesdicas.blogspot.com.br/

    ResponderExcluir
  8. Muito util vlw
    http://cupcakescoloridoscc.blogspot.com.br/

    ResponderExcluir
  9. POSTA TUTO DO MENUU? ;3

    ResponderExcluir
  10. Visita ? :)
    http://topydez.blogspot.com.br/

    ResponderExcluir
  11. Foi demais esse Tutorial, huuuuuuu Gostei massa demais.

    ResponderExcluir
  12. Tutorial muito últil, haha' deu certinho :)

    Bjoon // Adolescente Nerd

    ResponderExcluir
  13. Mesmo que seja 2017, adorei o tutorial, me ajudou muito!

    Obrigada~

    https://mariposadelivros.blogspot.com.br/

    ResponderExcluir