Tutoriais para desenvolver um layout no blogger!

We Heart It

Como eu comentei no primeiro post do blog, fui eu mesma quem desenvolveu esse layout, e depois dessa informação, algumas meninas, blogueiras é óbvio, me pediram pra criar um post dando dicas e disponibilizando os links que me ajudaram a criar todo o design, e é isso que vim fazer aqui!

Adianto que antes do AQF eu nunca havia me metido a criar um layout sozinha, não sabia praticamente nada, só era familiarizada com os códigos porque pesquisava alguns tutoriais pra mudar uma coisa ou outra no layout do antigo blog.

Antes de começar a pensar em um layout, você precisa analisar seu conteúdo. Sobre o que você escreve? Há alguma imagem que vem na sua mente quando você pensa no nome do blog? Anote essas coisas, pois são importantes para você criar um layout harmonioso que condiz com o que você escreve e quer passar para seu publico.

Busque seu estilo.

O blog normalmente é o lugar que passamos boa parte do nosso tempo, e queremos sempre que o visual dele transpareça para as pessoas que estão vendo quem somos nós, por isso, é necessário que você coloque seu estilo pessoal no layout do seu blog (se você é mais básica, crie um layout clean, se é girly, um layout mais fofo, se é rocker, um layout mais dark ~nem tanto, ok?~).

Encontre inspirações.

É muito importante buscar blogs que você gosta para se inspirar! Faça muitas buscas e anote todo o tipo de ideia que tiver para o seu layout. Lembre-se: É pra se inspirar, não plagiar!

Comece os trabalhos.

Encontre um background para o seu blog procurando por "pattern" no google! Encontrei o site "subtle patterns" que tem uns lindos pra baixar, deem uma conferida!

Faça no photoshop um cabeçalho com o fundo transparente! Seja CRIATIVO(A)! Procure por imagens png com fundo transparente, brushes, e fontes diferentes, tenha bom senso e peça muito a opinião dos amigos/familia/namorado(a) etc. Essa parte é a mais importante, é ela que vai identificar seu blog. Cuidado, informação demais é perigoso, bom senso é essencial! O tamanho ideal para seu header é de 1328 de largura e 415 de altura (em média). Procure as fontes no "dafont" e os brushes no "deviantart".

Antes de mudar seu layout, faça o backup do mesmo, porque se você quiser voltar a usar depois é só instalar de novo. Aprenda a fazer o backup CLICANDO AQUI! 

Baixe o modelo "mínima" do blogger, lá tem o html básico, e vai ser o guia pra você mexer nos códigos. CLIQUE AQUI!

Instale o modelo copiando-o e colando na área de html no blogger. Vá em >Modelo>Editar HTML> Apague tudo o que há na área>Cole o código do mínima>Salve> Pronto!

HORA DOS TUTORIAIS!

Mapeando o cabeçalho: CLIQUE AQUI!  / Site correto para o mapeamento das imagens: CLIQUE AQUI!

Personalizar menu padrão do blogger: CLIQUE AQUI!

Menu fixo no topo do blog: CLIQUE AQUI!

Retirar a navbar do blog: CLIQUE AQUI!

Colocar background no template: CLIQUE AQUI!

Ajustar as larguras da área de post e sidebar: CLIQUE AQUI!

Colocar seu cabeçalho: CLIQUE AQUI!

Colocar postagens recentes abaixo do menu: CLIQUE AQUI!

Personalizar os títulos da sidebar e as cores dos links: CLIQUE AQUI!

Personalizar o título do post e o rodapé das postagens: CLIQUE AQUI!

Modificar cor, fonte e alinhamento das postagens: CLIQUE AQUI! (Caso queira uma fonte diferente, leia atentamente ao tópico a seguir)

Fontes diferentes para usar no blogger: CLIQUE AQUI!

Retirar link "Assinar postagens:Atom": CLIQUE AQUI!

Personalizar a barra de rolagem: CLIQUE AQUI!

Personalizar data: CLIQUE AQUI!

Personalizar rodapé das postagens: CLIQUE AQUI!

Personalizar rodapé do blog: CLIQUE AQUI!

Colocar "Artigos Relacionados": CLIQUE AQUI!

Personalizar a área dos comentários: CLIQUE AQUI!

Personalizar categorias em duas colunas: CLIQUE AQUI!

Personalizar categorias com imagens: CLIQUE AQUI!

Colocar ícones das redes sociais: CLIQUE AQUI!

Personalizar caixa de pesquisa: CLIQUE AQUI!

Colocar gadget com fotos do instagram: CLIQUE AQUI!

Colocar gadget para curtir a fanpage: CLIQUE AQUI!
Colocar comentários via facebook: CLIQUE AQUI!

Deixar as imagens de todos os posts com um tamanho único: CLIQUE AQUI!
Colocar assinatura automática nas postagens: CLIQUE AQUI!
Botões de compartilhamento: CLIQUE AQUI!

Se algum dos tutoriais não funcionar, por favor me avisem para eu trocar o link! E caso esteja faltando alguma coisa, me falem nos comentários para eu adicionar aqui! Espero que tenha sido útil.

Beijos.