♦ Tutorial ~ Como levantar a sidebar



 Olá CupCkes americanos com Chá inglês!!!
 Trouxe um tutorial MEGA fácil. sério, é tão fácil, tão fácil que até da dó de mostrar de tão fácil que é.
 É o tutorial de levantar a sidebar, tipo essa minha.
 Quem pediu o tutorial foi a Vivi do Blog da Vivi-Chan.
 Então continue lendo e aprenda.


 Esse tutorial eu vi primeiramente no Bad Reputation, mas era meio complicado para iniciantes e precisava mexer no HTML.
 Então o GÊNIO aqui aprendeu e transformou em um gadget. Sério, você apenas precisa adicionar um gadget e pronto.
 Vamos aprender.

 LAYOUT  ADICIONAR UM GADGET  HTML/JavaScript

 E cole um dos seguintes códigos

 PARA QUEM USA O LADO DIREITO COLE:


<style>
.main-inner .column-right-outer {margin-top: -200px;
width: $(main.column.right.width);
margin-top: -200px;
margin-right: -$(main.column.right.width);
</style>

 PARA QUEM USA O LADO ESQUERDO COLE:


<style>
.main-inner .column-left-outer {margin-top: -200px;
width: $(main.column.left.width);
margin-top: -200px; 
right: 100%;
margin-left: -$(main.column.left.width);
}
</style>

 Pronto.
 Agora edite os números em vermelho para levantar ou diminuir.
 Lembre-se, quanto maior o número mais alto ela fica.
 E quando mudar o primeiro número vermelho mude também o segundo.

19 comentários:

  1. Hii..Eu aqui marcando presença..
    Feliz dia do amigo "4U"..
    Procurei mas não achei o se banner..

    ResponderExcluir
  2. Oii,manda o link da tag pra mim por favor
    ñ achei lá..

    ResponderExcluir
  3. Aah! Brigadaa Byel!
    Estava com dúvida para por isso!
    Depois venho te encher de novo ! rs ..
    Beijinhos *3*

    ResponderExcluir
    Respostas
    1. Certo
      Pode vir me encher muito.
      Vou adorar

      Excluir
  4. Adorei o tutorial,tem selo e tag lá no blog !


    http://sonho-de-menina-um-sonho-da-realidade.blogspot.com.br/2012/07/letrastag.html


    Bj...

    ResponderExcluir
  5. Mas que sidebar? :s

    E se era óbvio, desculpe minha lerdeza e por estar ocupando seu tempo com uma coisa dessas
    bjs lerdos :\

    ResponderExcluir
    Respostas
    1. brincadeirinha, mas eu n sei mesmo que sidebar é essa

      Excluir
  6. Nossa amei esse jeito de colocar no blog *--*
    gostaria de saber se estão interessados em parceria
    e também queria saber se poderia me explicar qual a diferença entre afiliados e parceiros kk /desculpaaignorância

    ResponderExcluir
  7. Oiii vi a divu8lgação na side..
    eu tbm usei uns posts daqui..

    ResponderExcluir
  8. ótimo Tuto^^
    estou seguindo amei o blog cheio de tutoriais e coisas interresantes!
    da para retribuir a visitinha e se gostar seguir? conto com sua presença!
    kissus,
    http://anime-mania-teen.blogspot.com.br/

    ResponderExcluir
  9. me ajudou demais *-* , seguindo aqui.
    Aceita Afiliação?

    garotasglitter.blogspot.com

    ResponderExcluir
  10. Nossa, adorei, você me salvou, e além do mais não tem aquela complicação do HTML que você depois pra tirar tem o edita, tira ou qualquer coisa que se deve fazer, você apenas precisa excluir, a-m-e-i <3 Beijos de luz.

    www.palavras-digitadas.blogspot.com

    ResponderExcluir
  11. ameeeeei <3 to sofrendo aqui pra fazer meu lay, estou tentando fazer uma coisa mais dark por causa do tema do blog (Indie/rpg maker games) , esse tuto serviu como uma luva \o/

    ResponderExcluir
  12. Nossa! Que fácil! Normalmente quando eu tentava fazer por HTML era tão difícil.. Minha salvação!

    ResponderExcluir