13.9.11

3 ajustes no modelo viagem

Hi again!
Hoje vou ensinar vocês a fazerem 3 ajustes no modelo viagem que deixa o seu blog mais cute 
  • tirar aquele babadinho
  • juntar as paginas com os posts e cabeçalho
  • juntar a barra lateral com os posts
Gostou? então click em "leia mais" e confira.


Tutorial 

Primeiro vamos retirar essa bordinha de babadinhos que, eu, acho que mata o design do blog:



Para retira-la faça login no blogspot, vá em design > editar html e selecione a opção "expandir modelos de widgets". Aperte Ctrl F e procure por:

content-outer .content-cap-top {

Esse código aparecerá destacado, então, apague os trechos coloridos, como mostra abaixo:

 .content-outer .content-cap-top {  height: $(content.imageBorder.top.space);  background: transparent $(content.imageBorder.top) repeat-x scroll top center;}.content-outer {  margin: 0 auto;  padding-top: $(content.margin);}.content-inner {  background: $(content.background);  background-position: left -$(content.imageBorder.top.space);  background-color: $(content.background.color);  padding: $(content.padding);}

Depois é só salvar e prontinho!


Agora vamos juntar as páginas com o cabeçalho e as postagens:
Vá em seu html, (não deixe selecionado "expandir modelos de widgets") pressione: Ctrl+F e procure por:

/* Tabs

Logo abaixo dele, há alguns códigos. Apague o "margim: 1 em 00;" (no seu blog pode não estar exatamente assim, mas é bem parecido)


Depois pressione Ctrl F de novo de procure por:


/* Main


E no primeiro trecho abaixo de padding: $(content.padding) 0; adicione o seguinte código, e para juntar a barra com as postagens , vá aumentando o número e visualizando até que fique da maneira esperada:

margin-top: -10px;

E quando finalmente juntar, salve o modelo! 




Por ultimo, vamos juntar os posts a barra lateral:
- vá em seu html, (não deixe selecionado "expandir modelos de widgets") , pressione as teclas Ctrl + F e procure por:

.main-inner .fauxcolumn-right-outer .fauxcolumn-inner {

Quando ela encontrar , apague as partes indicadas em vermelho na imagem abaixo : 


Clique em "visualizar" e se a barra tiver juntado, salve o modelo! Caso contrario, atualize a página e faça de novo.

Créditos: Trechy Teen
Espero que tenham gostado do tutorial
Bye Bye 

3 comentários :

  1. Anônimo13/9/11

    Oi adorei seu blog e já estou seguindo.
    Voce poderia votar em mim num concurso?Seu voto é muito importante para mim!
    coisasdegarotasoficial.blogspot.com
    obrigada!!!
    garotassuperfashions.blogspot.com

    ResponderExcluir
  2. Adorei, isso ajudou muito no novo theme que estou fazendo *-*

    ResponderExcluir