Se você usa o modelo Travel e já tentou por a coluna (sidebar) mais para cima e não conseguiu, este tutorial é pra você. Geralmente, no modelo Travel, quando se tenta subir a sidebar, acaba subindo somente os gadgets e a parte colorida nem se move. Procurando por uma solução, encontrei no Material-Extra um tutorial ensinando como subir a coluna também. O resultado será semelhante a coluna do blog Tudo Pra Mim | Maratona de tutoriais. Vejam:
Então go!
Vá em Design > Editar HTML > pressione Ctrl + F e procure por:
.main-inner .column-left-outer { - Caso sua coluna seja no lado esquerdo
.main-inner .column-right-outer { - Caso ela seja no lado direitoCaso ela seja a esquerda estará mais ou menos assim:
.main-inner .column-left-outer {
width: $(main.column.left.width);
right: 100%;
margin-left: -$(main.column.left.width);
}
E caso seja à direita acredito que estará mais ou menos assim: (pelo menos a minha está rs)
.main-inner .column-right-outer {
width: $(main.column.right.width);
margin-right: -$(main.column.right.width);
Então adicione o seguinte código logo abaixo:
Então as letras e etc. (os gadgets) devem subir, para fazer o fundo subir junto pesquise por:
.main-inner .fauxcolumn-left-outer { - caso a coluna seja no lado esquerdo
.main-inner .fauxcolumn-right-outer { - caso a coluna seja no lado direitoE logo abaixo de
width: $(main.column.right.width); ( caso tenha a coluna no lado direito) ou
width: $(main.column.left.width); (caso esta for no lado esquerdo)
acrescente novamente margin-top: -150px;
Agora visualize e veja se está tudo certo, caso queira você pode ajustar os valores de margin-top para ficar na altura que desejar.
Espero que tenham gostado, e quero me desculpar por não estar tão ativa aqui, estou com a semana lotada, ontem tive médico, daqui a pouco vou pro curso e ainda tem as provas e trabalhos. E me desculpem também se estou demorando pra responder os comentários lindos de vocês, mas assim que der responderei sz
Flor, participa do concurso que estou fazendo com outra pessoa?
ResponderExcluirNos meus já está cheio, falta no dela... Ajuda?
http://diarioteen-s2.blogspot.com/2011/10/concurso-divulga-meu-blog_03.html
beijão <3
Oi linda, desculpa estar postando com anônimo é que deu problema no meu blogger. Então, queria saber se você podia me mandar o seu html do link-me do seu blog, por causa da parceria. Mande neste email aqui: linkmyfashion@hotmail.com
ResponderExcluirBeijos,
Sabrina
http://linkmyfashion.blogspot.com
Seus tutoriais sempre arrasando!
ResponderExcluirBeijos,
placefame.blogspot.com
lindo
Excluir:O...
ExcluirConheci seu blog pelo Place Fame , é ameeeei ! Tutorial que eu estava procurando ! Seu blog é super in Parabéns!
ResponderExcluirRafa (obs: meu blog tá desativado)
por favor acesse em:
ResponderExcluirwww.music-musicaedemais.blogspot.com
participe em musicas
Oi linda, gostaria primeiramente de te parabenizar pelo blog, que é realmente lindo e com um conteúdo incrível. Depois, gostaria de pedir a sua ajuda para divulgar meu blog (http://prefirorosachiclete.blogspot.com). Se puder fazer isso por mim, pode me mandar um e-mail (lu_machadoc@hotmail.com)e poderíamos até criar uma parceria.Eu ficaria eternamente grata. Muito obrigada, espero contato em breve. beijos!
ResponderExcluirAdorei o tutorial, vou ver se no meu proximo layont eu uso.
ResponderExcluirwww.garotascomplicada.com
Olá, poderia adicionar o chat das blogueiras & blogueiros no seu msn : mgroup105144@hotmail.com
ResponderExcluiré uma forma de todos os blogueiros se reunirem e conversarem entre si, sobre o dia dia de ter um blog.
Obrigada, não se esqueça de entrar!
Já coloquei seu banner lá no blog!
ResponderExcluirBeijos,
Sabrina
http://linkmyfashion.blogspot.com
Oiii
ResponderExcluirNossa eu amei o seu blog, além de lindo
tem várias coisas legais.
Eu comecei o meu a pouco tempo e to procurando parcerias pra divulgar
aceita parceria?
Já to seguindo o seu.
http://naty-todasaspequenascoisas.blogspot.com/
ossa, esse tutorial é interessante porque já vi em muitos blogs, mas nenhum ensina de verdade como fazê-lo.
ResponderExcluirBom, vi seu blog no Place Fame - Extras, vim conferir e amei, já estou seguindo, parabéns pelo blog!
http://estilooque.blogspot.com/
Adorei o tutorial, e funcionou direitinho ^^
ResponderExcluirBjs.
Segue? http://sapatosdeveludo.blogspot.com
Tava muito precisando deste tutorial
ResponderExcluirConsegui fazer o tutorial...muito bom mesmo...
ResponderExcluirhttp://123make.blogspot.com/
Adorei o post ! Mas não sei porque está dando errado ? Bjss vou usar com certeza!
ResponderExcluircomo poe cor?
ResponderExcluirAin, tutorial perfeito *---*
ResponderExcluirprocurava há tempos!!!
Beijuuuus ^^
Sweet Goodies
Uauh! O tutorial veio em boa hora, tava díficio aqui!
ResponderExcluirMuito bom!!
Olá,
ResponderExcluiresse tuto me ajudou bastante,procurei tanto e nenhum dava certo
Beijos
www.livrosegostos.blogspot.com
Oi flor, estou usando o tutorial e ja botei os créditos na minha página de créditos. Beijos.
ResponderExcluirhttp://sonhosmodificados.blogspot.com.br/
Gostaria de saber , como DESCER a barra lateral. Obrigada.
ResponderExcluirÉ só colocar um valor POSITIVO em margin-top, por exemplo em vez de colocar margin-top: -150px; coloque margin-top: 150px;
ExcluirOláaaa, nossa seu blog é maravilhoso, adoreei tudoo, estou usando varias coisinhas e suas dicas,tudo maravilhosoooooooo . parabéens.
ResponderExcluirbeeeeijinhos
muito legal esse tuto, me ajudou mesmo. Queria saber como você consegue fazer a barra ali do lado com alguns gadgets em branco, outros transparentes...
ResponderExcluirOi Gatinha, coloquei pra subir no right e não quer subir o que eu faço ?
ResponderExcluirAjudou mesmo este tutorial é o melhor!
ResponderExcluirMuito lindo o seu blog parabéns vc me ajudou muito
ResponderExcluirPoxa ajudou bastante, obrigada ♥
ResponderExcluir