Respondendo dúvidas - parte 1

Sei que tem muita gente que lê o blog e fica com muitas dúvidas sobre mil coisas. Então, resolvi dedicar um post para responder essas dúvidas! :) Hoje vou falar do blog e o layout. No próximo post falo sobre a minha câmera.
Se ficar alguma e vocês ainda quiserem me perguntar alguma coisa, só comentar, me mandar um email ou mensagem na página do blog!


Dúvida 1 - Layout e design do blog

Acho que essa é a maior dúvida de todo mundo. Sempre me perguntam "você que fez?" e coisas assim. O modelo do blog não fui eu quem fiz, ele está disponível no Blogger. Mas a parte de design, como o reader (aquela foto que fica na parte de cima do blog), escolha de fontes, etc etc etc, sim, eu fiz.


• A imagem do cabeçalho
E gente, não é um bicho de sete cabeças. Para fazer um reader igual ao meu, vocês vão precisar ter uma noção de Photoshop ou CorelDraw ou InDesign. O que fiz ali, nada mais é que uma colagem de imagens. Peguei algumas na internet, colei sob um fundo bacana e escolhi uma fonte legal.

Se você não souber nada disso, pegue uma imagem retangular, de resolução boa e escolha uma fonte bacana. Pronto, seu reader bacana está feito. Pode até ter um fundo neutro, vermelho ou qualquer outra cor que combine com seu blog. Para achar fontes legais, eu vou no DaFont e baixo por lá. :)

Para provar para vocês que não é difícil, fiz um reader bem rapidinho no Corel Draw. Procurei por patterns no Google Images, já tinha duas fontes bacanas no computador e tcharam! Em 10 minutinhos fiz um reader legal:



E na hora de colocar a imagem, marque a opção "reduzir para ajustar" que vai deixar sua imagem certinha, independente do tamanho dela.


• Ferramentas (gadgets)



No Blogger, você pode incluir vários gadgets com várias funções. Por exemplo, você pode acrescentar um gadget de busca, um de seguidores, etc. São aquelas ferramentas que coloco na lateral direita do blog. É só você clicar em "adicionar gadget" e escolher os que você quer!

Os que uso são (na ordem em que aparecem):

• Gadget para foto, que coloco minha foto de perfil;

• Gadget de texto, onde escrevo o meu "quem sou eu";

• Gadget de página no Facebook, esse gadget é, na verdade, um gadget para código HTML. Depois de criar a sua página no Facebook, você vai nesse link e edita como você vai querer a página. Depois, é só copiar o código que eles vão te dar e adicionar um gadget de HTML e colar o código lá dentro. Tem um tutorial aqui ensinando passo-a-passo.

• Gadget para Instagram: é o mesmo caso do Facebook, é gadget de HTML. Aqui tem um passo-a-passo, como fazer.

• Gadget de caixa de busca. Já vem junto com o Blogger. Só adicionar!

• Gadget para Twitter. Funciona do mesmo jeito do Facebook. Você pega o código nesse site e depois adiciona a caixa de código HTML com o código que o site forneceu.

• Gadget de arquivos do blog. Mostra as postagens antigas do blog.  É só adicionar também!

• Gadget de seguidores. Também já está no Blogger, só adicionar!

• Feedburner: gadget para receber os posts por email. Também está disponível no Blogger, só adicionar!

• Gadget de tags do blog. Reúne as tags do blog e organiza do jeito que você preferir. Só adicionar pela Blogger também.

• Gadget do Lookbook.nu: clique aqui e escolha o seu gadget. Adicione direto por lá ou copie o código e cole num gadget de HTML.

• Gadget do Fashiolista: clique aqui e escolha seu gadget. Ele adiciona automaticamente ao Blogger, só clicar em "add to blogger".

• Gadget do Bloglovin: só ter cadastrar seu blog no Bloglovin e clicar aqui para escolher seu gadget. Depois, só copiar o código que eles vão dar e adicionar numa caixa HTML no blogger.

• Gadget de favoritos: você pode criar uma lista dos seus blogs favoritos e adicionar. Também disponível no Blogger.

• Gadget "você também poderá gostar de": São aqueles quadradinhos com outras postagens que ficam abaixo de todo post. Só entrar nesse site, colocar seu email, url do seu blog e quantos quadradinhos com posts você quer. Depois ele ensina como adicionar ao blogger.



• Modelo

O modelo que uso no blog é o Simples, que vem disponibilizado pelo Blogger. Só personalizei e fiz outras alterações. O tamanho do meu blog é 1060 pixels e a barra lateral tem 320 pixels. Você pode aumentar ou diminuir o seu na opção "ajustar larguras".


• Fontes

Para mudar as fontes usadas no seu blog, você precisa ir em Layout - Designer do Modelo. Lá, você pode escolher a fonte dos textos, dos títulos, dos textos laterais, etc. 
No texto, eu uso a fonte Cambria e no texto das guias, no título da postagem e título dos gadgets uso a fonte Oswald.

Para fazer aqueles títulos dentro dos posts (igual à imagem abaixo) uso a font KG Somebody That I Used To Know, que você pode baixar aqui


• Páginas

Abaixo do cabeçalho do blog, tem três páginas que você pode acessar. Para criá-las basta ir em "PÁGINAS" abaixo de "POSTAGENS" (no blogger novo) e criar uma e publicar.


• Imagens do blog

Toda foto que coloco no blog, eu seleciono a opção "muito grande". Esse tamanho fica certinho com a largura do meu blog, mas vai depender sempre do tamanho do seu blog e da imagem.
Também retirei aquela sombra automática que fica nas fotos do blogger. Fiz por esse tutorial aqui! Clique aqui e aprenda! Acho muito bacana fazer isso, porque essa sombra só atrapalha. E no meu modelo, é impossível tirar pelo "Designer do Blog", tem que editar o HTML mesmo.


• Complemento das postagens




Nos posts sobre lojas, brechós, receitas e restaurantes, eu coloco uma imagem com coisas escritas. Também faço isso no Corel Draw e uso a fonte KG Somebody That I Used to Know, que já falei acima. É bem fácil de fazer e acho que deve dar para fazer até no Paint. Mas é aquilo, se seu blog tiver aquela sombra no fundo das imagens, não fica tão legal, porque parece que a coisa escrita foi inserida ali, que não faz parte do design do blog.


Vou deixar aqui links de download do CorelDraw, do Photoshop e do InDesign. Lembrando que: é preciso ter alguma noção para saber mexer nesses programas ou força de vontade e curiosidade para aprender a mexer sozinho. :)

Os links são do PirateBay e você faz o download em torrent, pelo programa UTorrent ou um semelhante:

Corel DrawX5
Photoshop CS5.1 (é bom baixar o photoshop para editar as fotos que você vai postar no blog também)
InDesign


-------------------------------------------------


O post ficou meio grande, mas fazer o blog no início é trabalhoso mesmo. Essas dicas são genéricas, então quem estiver montando um blog e que tenha uma dúvida específica, pode me mandar que, se eu souber, dou uma ajuda!


;)

beijos, Ju

E ah, quem tiver outras dúvidas (sobre o layout, fotos ou qualquer outra coisa) pode me mandar!

8 comentários

  1. Tudo que tava precisando pra dá uma melhorada no meu blog, por isso que não abro mão de olhar todos os dias teu blog.Sempre explicando com paciência e direitinho o que a gnt precisa! ;)

    ResponderExcluir
  2. Este comentário foi removido pelo autor.

    ResponderExcluir
  3. Juuuuu! Que post suuper! Amey as dicas!!

    ResponderExcluir
  4. Ju, você é muito legal. Deve ter demorado pra fazer esse post, mas mesmo assim você fez pra nos ajudar! Obrigada :)

    ResponderExcluir
  5. Ju, como você fez para colocar a Favicon do blog?

    ResponderExcluir
    Respostas
    1. É só você fazer uma imagem quadrada, png ou jpeg, com menos de 100kb!

      Excluir
  6. Como tiro a sombra no fundo das imagens?

    ResponderExcluir
Leio todos os comentários e respondo quase todos. :) hehe Se for urgente, melhor mandar um email para: jusacramento@temnomeuquintal.com