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
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:
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:
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
Oi adorei seu blog e já estou seguindo.
ResponderExcluirVoce poderia votar em mim num concurso?Seu voto é muito importante para mim!
coisasdegarotasoficial.blogspot.com
obrigada!!!
garotassuperfashions.blogspot.com
Ok ^^
ResponderExcluirAdorei, isso ajudou muito no novo theme que estou fazendo *-*
ResponderExcluir