Thifany Hannah Giulia

21 setembro 2012

Como criar um layout



Ola pipoquinhas que pulam, pulam e pulam!
Hoje vou mostrar um tutorial que olhando parece ser difícil, mas na hora em que você faz pela primeira vez, pronto!
Só precisa dos códigos para fazer o próximo.
E ele é super útil porque ele ensina como fazer um layout para seu blog, sabe não é um layout avançado, mas se você adicionar tutoriais, ele vai ficando cada vez mais.


Vá no modelo do seu blog e faça o seguinte 

Modelos > Viagem > Travel 2


Avançado > Plano de fundo da Postagem > #ffffff (branco)


Avançado > Plano de Fundo da Barra Lateral > Cor do Plano de Fundo > Qualquer Cor
Cor da Moldura > Transparent (a não ser que queira moldura)

Após clique em

Vá no HTML do seu blog, e vamos para o próximo passo, que vai ser deixar mais bonitinho.
Procure pelo seguinte código:
.content-outer .content-cap-top {
E apague o seguinte :
Preste bastante atenção, para não apagar os pontos '';''


Agora iremos tirar o espaço entre a postagem e a coluna.

No HTML do blog procure por:
.main-inner .column-right-inner {
E apague o seguinte :
Agora não precisa tanta atenção pois poderá apagar os pontos.

Agora clique em

E ficara com as colunas juntas.

Agora você precisará colocar o cabeçalho do seu blog, vamos coloca-lo mais próximo das postagens.
OBS: Não se esqueça de colocar '' invés de titulo e descrição''

Então volte para o HTML que lá vamos nós de novo!

Procure por :
/* Tabs
Logo abaixo verá :
.tabs-inner {
  margin: 1em 0 0;
  padding: 0;
}

Apague somente  margin: 1 em 0 0;

Agora procure por
.main-inner {
E antes de terminar o código, (antes da chave)
 Acrescente a linha 
margin-top: -20px;
Pronto, agora você pode editar algumas coisas pelo seu modelo, plano de fundo, titulo da postagem, etc...
Há! E vc também pode adicionar vários tutoriais, e será mais fácil encontrar no blog se colocar a palavra ''Goodies'' ali na barra de pesquisa! 

2 comentários:

  1. Muito fofo o tutorial ^^ Eu sempre uso esse modelo do fundo de papel ^^

    ResponderExcluir
    Respostas
    1. Também sempre uso ele, para mim é mais fácil de editar e não demora muito...
      Obrigada por ter comentado ^^

      Excluir