[10/11] Criando layout simples

 

Muita gente diz que não liga, mas a aparência de um blog é essencial. Claro que o conteúdo é super importante, mas é bem melhor quando entramos em um site onde tem um layout bonito, chamativo, do que um simples, sem detalhes. "Para isso serve os layout free", sim, mas é bem divertido fazer, e além do mais quando você termina vem aquela ótima sensação de "c@*4$%0, fui eu que fiz". 

Para muito blogueiros, mexer no próprio layout parece um bicho de 7 cabeças. Mas não é. Você só tem que ter atenção e paciência, pois nem sempre as coisas dão certo de primeira. Nesse tutorial, vou ensinar a fazer o mais básico, mas qualquer outra coisa que você precise, é só procurar no google. Há muito blogs que ajudam; pra quem não entendeu, se você quer, por exemplo, colocar um menu diferente, vá no google e digite "menus para blogger" e achar algo que te agrade. Sem prolongar mais, vamos ao post

1º Vamos começar escolhendo o modelo. Entre em modelo e depois em personalizar. Essa será a primeira parte que vai abrir:

                                

Clique em viagem e escolha o segundo modelo. 

• Em plano de fundo, obviamente, você vai mudar o fundo do blog. Você pode escolher patterns diversos, ou pode colocar uma cor só.
•  Em ajustar larguras, você modifica a largura do blog, área de postagens e da barra lateral. 
• Layout é o modelo de como o "corpo" do blog deve ser. 
•  E em avançado, você muda as cores, as fontes, e afins; Lembre-se de em avançado deixar o plano de fundo das postagens branco. isso será muito importante para o próximo passo

 

2º Vamos tirar essas dobrinhas do topo. Para isso entre em modelo e depois HTML. Agora dê um ctrl+f e procure por .content-outer .content-cap-top { e apague as partes marcada na figura abaixo; visualize e se estiver tudo certo, salve.

3º Caso não goste do espaço que fica entre o banner e os posts, é bom simples. Procure por /* Tabs e apague depois do pontilhado, como na imagem; visualize e se estiver tudo certo salve

 

E o seu layout está quase pronto. Basta colocar um banner e voilá e seu blog estará pronto.

Aqui vai 3 blogs que eu uso com tutoriais bons, e onde eu aprendi essas coisas bem básicas:

Cherry bomb; Go Imagine e Jackie Dream

PS: Não se esqueça de que sempre que mexer no HTML, ver se está tudo certinho, e só depois salvar.