Oi gente, como vai? Uma leitora daqui do blog me pediu para que fizesse um post com dicas e tutoriais de como criar um layout. O big tutorial será dividido em partes, okay? Continuando... Hoje eu vou focar principalmente em como fazer um layout básico. Aconselho a criar um blog de testes e depois fazer o backup no seu outro blog. Quer aprender? Então clique em leia mais.
Bom, nós iremos utilizar o modelo Travel/Viagem, na versão que tem umas bordas feias de papel. Para isso vá em:
Modelo clique em personalizar:
Vá em Templates Viagem selecione o template que está circulado de azul:
Pronto? Então clique em Aplicar ao blog e depois clique em Voltar para o blog. Agora vamos retirar aquelas bordas de papel horríveis do nosso modelo. Vá em:
Modelo Editar HTML aperte F3 e procure por: .content-outer .content-cap-top {
Logo abaixo disso, você irá apagar apenas o que está destacado na imagem, nada mais nada menos! Atenção para os pontos e vírgulas.
clique para ampliar |
Clique em visualizar. O seu layout deve ficar assim:
se o seu layout ficou dessa forma, salve.
Para o próximo passo precisamos colocar uma imagem de cabeçalho. Eu fiz uma, como exemplo, mas você já pode utilizar a sua imagem definitiva. Vá em:
Layout e clique em editar no cabeçalho do blog:
clique para ampliar |
Faça o upload da imagem selecione a opção "em vez do título e descrição" salve
A maioria dos layouts fica melhor sem aquele espaço chato entre o cabeçalho e o resto do blog. Mas caso você acha que não há necessidade de retirar esse espaço, pule essa etapa.
Aperte F3 procure por: /* Tabs
logo abaixo você irá encontrar este trecho:
.tabs-inner {
margin: 1em 0 0;
padding: 0;
}
Apague o que está destacado procure por: .main-inner { logo abaixo do código acrescente:
margin-top: -20px;
Altere o número destacado em negrito até não sobrar nenhum espaço entre o cabeçalho e o resto do blog. Ficou do jeito desejado? Então salve.
Bom gente, logo mais venho com a outra parte de Criando um Layout, okay? Espero que tenham gostado! Comente dizendo o que acharam :)
ótimas dicas em, legal ajuda muito quem ainda está entrando na blogsfera :)
ResponderExcluir~~ besos
Bruna.
Garota da Lua // Official
Ok Gatinha ><
ResponderExcluirJá esta nos Afiliados ♥ Tbm ;]]
Beijinhos ;*
Amei a postagem!! Ajuda muito quem usa o modelo travel como eu! Principalmente porque aquela linha quadriculada é muito feia!
ResponderExcluirBeijos
htpp://chuvasdioutono.blogspot.com.br
Muito legal vc estar postando em seu blog como fazer um layout. Sempre quis aprender mas nunca consigo fazer um layout bonito de verdade, eu até sei fazer mas só sei fazer no artisteer e o resultado fica muito simples mesmo, tipo nem fica com cara de blog para garotas. Vou ficar acompanhado seus posts e aguardo a continuação do tutorial! Beijos
ResponderExcluirAdorei esse mega tutorial, estou acompanhando *-*
ResponderExcluirgostei do tutorial, apesar de saber fazer lay, eu acho bom dar uma olhada. a gente aprende muito né.
ResponderExcluirÉ de muita utilidade esses tutoriais, parabéns!
ResponderExcluirAmei seu blog flor *u* merece um Link-me http://tudoemaisumpouco-lais.blogspot.com.br/
ResponderExcluirOi flor! *u* Seguindo seu doce blog,segue de volta http://desenhosdalais.blogspot.com.br/
ResponderExcluiresse tutorial sempre me ajuda muito :3 vlw
ResponderExcluir