Customizando seu Blog

 Olá terráqueos. Estava sem ideias para postar até que minha amiga, Etiely Kizzi, pediu que eu ensinasse à ela como se customiza um blog, pra que serve cada coisa, etc. Então, como eu gosto muito dela, criei esse tutorial em homenagem à ela.
 Para saber como se customiza um blog clique em Leia Mais >>

 Para começar, você já deve ter em mente o que vai querer, quais cores, etc. Depois que souber tudo, quando você logar no seu blog, vai automaticamente para o PainelI. Clique em Design depois em Designer de Modelo.

 Quando chegar lá, você vai ver várias opções na barra da esquerda. A primeira é Modelos, depois vem Plano de Fundo, Ajustar Larguras, Layout e por último o Avançado.

 Em Modelos você escolhe o modelo que você quer. Os modelos são: Dynamic Views, Simples, Janela de imagem, Espetacular Ltda., Marca d'água, Celestial e Viagem.

 Você poder escolher qual você quiser, mas neste tutorial eu vou usar o modelo Simples, mas quando você selecionar o modelo Simples, vão aparecer várias opções de temas do modelo Simples. Clique na sexta opção.

 *Lembrol: Tudo que você mudar na barrinha lá de cima, vai aparecer lá em baixo. Ou seja, você pode ir mudando e vendo os resultados.

 Depois de ter escolhido o modelo, mude para o item Plano de Fundo na barra lateral da esquerda na barra lá de cima. 

 Se você quiser usar o background que o Blogger disponibiliza neste item, é só clicar na imagem que está aparecendo aí. Veja o print que é melhor:

 A imagem não saiu muito boa, mas já dá pra ter uma noção. Quando você clicar nesta imagem aí, vão aparecer vários planos de fundo em várias categorias. Se você preferir, pode fazer o upload. Você pode remover a imagem do fundo e ficar sem nenhuma imagem, irá ficar só a cor, mas você poderá mudá-la em Avançado, que eu ensinarei daqui a pouco neste tutorial. Depois que você escolher o background clique em Concluído.

 O Plano de fundo que eu usei no blog de testes foi décimo primeiro fundo na categoria Transparent.

 O próximo item é Ajustar Larguras. Neste item você irá ajustar as larguras do seu blog, como o nome do item já diz. Eu ajustei assim: - Todo o blog: 930 pixels; - Barra lateral direita: 310 pixels. Você pode ajustar do jeito que você quiser. 

 No item Layout você escolhe quantas em quantas colunas a sua barra lateral vai ser dividida. No caso do blog de demonstração eu coloquei uma Coluna só. obs.: você bota quantas você quiser.

 Vamos para a parte mais legal da customização, o item Avançado.

 Vou citar a finalidade de cada item:

• Texto da Página: aqui você escolhe qual vai ser a fonte (fonte = é o tipo de letra que usamos no computador) e cor das fontes nas postagens, do blog todo. Usei: Trebuchet.
• Planos de Fundo: aqui você mudar a cor do 1. plano de fundo externo (da parte de fora do blog), 2. plano de fundo principal (da parte principal do blog, onde ficam as postagens, a barra lateral e as outras coisas) e 3. plano de fundo do cabeçalho (como já diz o nome, é nessa opção que você muda a cor do cabeçalho. Usei: 1. #e9a1e9; 2. #ffffff; 3. transparent.
• Links: você muda a cor dos links no blog todo. Você muda a 1. cor do link (a cor original do link), 2. cor de itens visitados (depois de ter visitado aquele link, ele fica com outra cor) e 3. cor do destaque (cor que o link ficará quando o mouse estiver em cima dele. Usei: 1. #e5809f; 2. #666666; 3. #eb8fb9.
• Título do Blog: serve para mudar a fonte e a cor do título do blog. Eu costumo usar imagens feitas por mim no lugar do título do blog. Usei essa imagem: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5rsRxYVg6G8KxpiF17J8nagmScvIx0kObpMD4szyswuBiyoSYFsTU7PCqB5fTFhIyoe_tN7B-5oRWPkQJrpfMqqnfSI-XuXt0mR4FOFo7tb5L1_qPYc2l1wYBPtR2OBnG9CEHEzJu0LeE/s1600/cabe%25C3%25A7alho.png
• Texto das Guias: se seu blog tiver páginas, neste item você mudará a cor e a fonte do nome que aparece nas guias. Usei: - Fonte: Cambria; - Cores: Cor do Texto > #eb6ee4; Cor Selecionada > #444444.
• Plano de Fundo das Guias: mude a cor do plano de fundo das guias do seu blog. Usei: - Cor do plano de fundo: #ebcedc; - Cor selecionada: #e34fc0.
• Título da Postagem: aqui você muda a fonte do título das suas postagens. Usei: Calligraffiti em negrito.
• Cabeçalho de data: aqui você muda a cor e o plano de fundo, do cabeçalho onde fica data da publicação da sua postagem. Usei: - Cor do texto: #666666; - Cor do plano de fundo: transparent.
• Rodapé da Postagem: aqui você muda o plano de fundo e a cor da fonte que fica no rodapé da postagem. Usei: - Cor do texto: #444444; - Cor do plano de fundo: #ebbad5; - Cor da sombra: transparent.
• Gadgets: aqui você personaliza a barra lateral onde fica os gadgets. Usei: - Fonte do título: Molengo; - Cor do título: #d26585; - Cor alternativa: #d26585.
• Imagem: você escolhe a cor do plano de fundo da imagem, da borda e da legenda. Usei: - Cor do plano de fundo: transparent; - Cor da borda: transparent; - Cor da legenda: #222222.
• Destaques: aqui você muda a cor do separador das guias e do separador (que separa a área de postagens da barra lateral). Usei: #dddddd em ambas as opções.

 Depois de feito tudo isso, clique em Aplicar ao Blog que fica acima da barra onde você fez as modificações.

 Na imagem que eu usei no cabeçalho, a imagem é de fundo transparente. Se você não tem uma imagem com o fundo transparente, clique aqui e baixe a imagem. 

 Chegou a hora de mudar o favicon do seu blog. Não sabe o que é um favicon? É aquela imagem que fica lá em cima na barra de navegação onde fica o título do seu blog. Vá em Design > Elementos da página. 

 Agora, para munda o favicon clique em Editar que fica acima da opção Navbar (uma barra azul).

 Depois, faça o upload da imagem, que tem que ser quadrada (ex. 40x40), visualize, se tiver tudo certo, salve.

 Clique aqui para ver o resultado.

 É só isso, seu blog está customizado do jeito que você gosta. E aí, gostaram do BIG tutorial? Comente!!