Coluna Lateral Fixa


Hoje eu aprendi esse tutorial bem bacana que ensina a colocar a sidebar (coluna lateral) fixa no blog. Eu via muito em temas do tumblr e raramente em alguns temas do blogger, então, procurei como se fazer e achei o tutorial no blog Material Extra e trouxe aqui pra vocês. Achei ele bem legal e indico para quem não tem muitos gadgets no blog, assim eles vão ficar ali paradinhos bem acessíveis aos leitores.

ATENÇÃO! Vamos editar o html do seu blog, portando é recomendado que você tenha uma cópia , ou teste num blog para testes,caso o tutorial não funcione.
#gogo?

Vá em Design > Editar HTML > Aperte Ctrl+F e então você deve procurar o código da sua sidebar. Se ela for do lado direito procure por main-inner .column-right-outer e se ela for do lado esquerdo procure por .main-inner .column-left-outer
Tudo que aparecer entre chaves } você deve apagar e substituir por:

margin-top:-10px;

margin-left: 550px;
position:fixed;
EX: Deve ficar assim:
.main-inner .column-right-outer {

margin-top:-10px;
margin-left: 550px;
position:fixed;
}
Visualize. Você deve mudar os valores de margin-top e margin-left que são os valores do topo e da esquerda. Ajuste de acordo com o seu blog e lembre-se que existe números positivos e negativos.
Espero que gostem, beijinhos.
5

5 comentários:

Malu { Jelly } disse...

Oi amei seu blog .Estou seguindo .Sei que é muito chato ,mas pode me ajudar com a meta de 50 seguidores do meu blog ?

Bjs
macacor-de-rosa.blogspot.com.br/

debs disse...

Oi amoreco ! Tá rolando um concurso lá no blog ! da uma passadinha lá e se voce curtir participa :D
XOXO
http://diariodeumameninanerd.blogspot.com.br/2012/03/voltei-da-viagem-surpresinha.html

Ágata Rafaely disse...

Oiiie'
Adorei seu blog,muito lindo mesmo! Adoraria se desse uma passadinha no meu,caso naum vá eu irei chorar,kkkk',brincadeira.
Beijos
http://mundophoradagua.blogspot.com.br

Gabi Knupp disse...

Amei o blog flor, seguindo :3
Pode seguir de volta?
Beijinhos, Gabi Knupp
http://americana-idiota.blogspot.com

Amanda Lima disse...

AAAmei ! lindo teu blog já virei fã ! seguindo pode me seguir ! vaaai não custa nada beiiijos :* http://blushealgomais.blogspot.com.br/