04 maio 2013

Criando um Layout


Ola meninas, para quem ainda não me conhece, meu nome é Thifany, para quem já conhece pode pular esse primeiro parágrafo. Bom, tenho 12 anos, completados dia 5 de abril. Sou ariana, ciumenta, que adora chocolate, meninos e gatos. Não gostou de mim? Foda-se. Não gostou do blog? Foda-se. Apenas saia daqui como não tivesse acontecido nada. Ok? Obg

Hoje vim com um tutorial encontrado em vários blogs, mas que é o essencial na blogosfera! O famoso tutorial de como criar um layout. Eu não sou a melhor pessoa do mundo em criar layouts, mas, também não ficam tão feios como alguns que parecem um carnaval . Um exemplo aqui, meu antigo blog, com o layout criado totalmente por mim.
Primeiramente, vá em modelo e clique em personalizar.
Na primeira aba, modelos, você vai encontrar vários templates do Blogger que vamos usar como base. Tem que ser o modelo Viagem, no segundo modo.
Clique na imagem para amplia-la

Após adicionar o modelo, vá em Avançado, e em Plano de fundo da Postagem coloque a cor Branca.
Clique na imagem para amplia-la

''Aplique ao Blog''. E vá ao seu HTML

Primeiro vamos remover aquelas bordinhas de papel, que ninguém gosta, neh?
Procure por .content-outer .content-cap-top { e apague oque está destacado na imagem abaixo
Clique para ampliar-la

Agora, vamos deixar o cabeçalho encostado na área da postagem. Então, para ver mesmo a mudança, é bom adicionar já o cabeçalho. Mas se não quiser adicionar agora, funciona-rá do mesmo jeito.

De CTRL+F e procure por /* Tabs 
Você vai encontrar algo mais ou menos assim:
/* Tabs
----------------------------------------------- */
.tabs-inner {
  margin: 1em 0 0;
  padding: 0;
}

Apague a parte em que está ''margin: 1em 0 0;"

Agora procure por .main-inner {, ao encontrar
Logo abaixo adicione margin-top: -20px; salve.
Comigo isso sempre da certo, mas você pode modificar o número para melhorar o seu.

Agora, se você quiser, eu não costumo muito fazer isso nos meus layout's, mas vou adicionar aqui nesse post para quem quiser. Vamos retirar o espaço entre a barra lateral e a postagem!
Procure por .main-inner .column-right-inner { e apague oque está destacado na imagem abaixo
Clique para ampliar-la

Então, após fazer isso você pode mudar o background no editor do Blogger.
Indo em Modelo > Personalizar > Plano de Fundo, ai vc clica na imagem que está acima de ''Remover imagem'', e carrega o seu back.


E para fazer as próximas edições, é só você ir em algum blog de tutoriais como o Kawaii WorldGo ImaginePlush Town e Cherry Bomb. O Cherry Bomb não está mais sendo atualizado porque a Liah desistiu de blogar, mas vocês podem ir na página Goodies que vão encontrar vários tutoriais ótimos!

Bom, acho que era só isso mesmo...
Qualquer coisa perguntem aqui em baixo.

E olha ai como ficou o meu

Não está perfeito, mas eu usei todos os tutoriais acima...

2 comentários:

  1. Ficou lindo vou tentar no proximo lay do meu blog ^^
    Estou seguindo ^^
    Pode seguir e votar na enquete do meu → rain-of-shine.blogspot.com
    2bjus

    ResponderExcluir
    Respostas
    1. haha' Fico feliz em ter gostado ç:
      Já segui de volta e votei nas duas enquetes da barra lateral.
      Bj pra ti tbm ^^

      Excluir

Página Anterior Próxima Página Home