11 de dez de 2012

como fazer um banner para o blog



A pergunta é: Como fazer um bom banner pro blog? A minha opinião é de que menos é mais. Eu uso uma espécie de mini banner depois de ter apagado sem querer o gadget do banner. Eu até achei o gadget de novo mas pensei em dar um visual diferente pro meu blog e apostar mais em boas fotos para exaltar meu trabalhinho e os PAP's divididos aqui. Mas agora, a intenção é mostrar ferramentas para dar uma repaginada no seu blog. Eu uso o PicMonkey para editar fotos e personalizar o meu e vou usar o exemplo dele de como fazer um banner de um jeito fácil para o seu bloguinho.

1. Qual a largura do seu blog? Para ele ficar bem posicionado e não ter nada torto, experimente fazer esse caminho aqui no seu Painel do Blogger:

Layout / clique em Designer de Modelo, como na imagem abaixo:



Selecione Ajustar larguras e você pode visualizar à direita, a largura total do seu blog. Não precisa mudar nada, é só pra saber quantos pixels seu banner deve ter.


Lembra do Paint Brush? Aquele programinha que as crianças adoravam brincar no Microsoft Windows? Abra ele e redimensione a imagem em branco do Paint com a largura do seu blog e uma altura desejada, que pode ser entre 200 e 350 pixels.

Por exemplo, o meu blog, como na imagem acima, tem 1100 pixels de largura, vamos fazer então uma imagem em branco de 1100 x 300 pixels, arrastando o cursor do mouse no canto inferior direito e ali no canto da página você vê como estão as dimensões da imagem, conforme você move o cursor do seu mouse.



Salve a imagem em branco que tem o tamanho do seu banner e carregue a imagem no site do picmonkey.com. Agora, vai começar a brincadeira. Eu deixei abaixo algumas sugestões que fiz de como aplicar elementos interessantes no seu banner. 


Clique nas imagens para vê-las em tamanho maior


 Abuse das fontes



 As bandeirinhas estão super em alta


Use os elementos do próprio site para decorar seu banner

Labels também estão por todo o lugar no mundo craft e nem tudo precisa ficar centralizado

Bigodinhos e botões sempre presentes.



Depois é só salvar e adicionar no gadget de cabeçalho no layout do seu Blogger.
Todos os nomes dos banners acima são fictícios e criei para ilustrar o post. Espero que você se inspire por lá. O Sr. PicMonkey me ajuda muito. Todos os elementos e fontes estão no site.
Dúvidas? Deixe um comentário ou me escreva no costuramor@gmail.com

49 comentários :

  1. Dicas valiosíssimas, Pri!
    Não conhecia o PicMoney.
    Obrigada por compartilhar.

    Abraços,
    Carol
    www.umblogsimples.com

    ResponderExcluir
    Respostas
    1. Eu também conheço ele há pouco tempo, viu Carol!
      Fez a maior diferença nas minhas imagens e no layout no blog.
      Beijão! ♥

      Excluir
  2. gentemmm que chick!
    Tu abala Pri!
    Adorei suas dicas e com certeza me servirão muito!
    Pois quero dá um new look no blog em breve :)
    Muito obrigada por dividir seu conhecimento conosco flor!
    xerOO

    ResponderExcluir
    Respostas
    1. Obrigada, Laura!
      Fico feliz em poder ajudar.
      Depois mostra pra gente.
      O melhor dele é que não precisa de login.
      Um beijo!

      Excluir
  3. Oi Priscila!
    Está arrasando nas dicas, heim?
    Outro super post!!!
    Muito legal!

    Não foi dessa vez o sorteio,né?
    Mas terão outros, valendo para quem está 'longe e tão perto' :)

    Quanto ao texto sobre a 'cópia' lá no blog,é novo.
    Surgiu na semana passada em um dia estressante quando descobri dois posts meus copiados..
    Um na íntegra e o outro faltando a explicação mais importante do post.
    Ok, estavam com os créditos,elogios..etc.. mas foram formatados para a
    largura do blog e é facil ter um blog sem fazer post...
    O 'maria curiosa' do anjinho foi todo copiado, TODO o PAP mas tirando a explicação do porque fiz aquele anjinho, aí ficou parecendo uma cópia!
    O outro, uma #segunda natalina inteira...sem a informação que coloco sobre o crédito das fotos.
    Pior, dois posts seguidos, quem usou estava 'alimentando' o blog com os meus posts...
    Sabe qual era um dos títulos ? "Mais M de Maria Ateliê'!
    !!!
    Não sei se sou estressada demais, rs mas me aborreceu ver tudo lá copiado igualzinho...
    Passou rs
    Deixei dois recados bem educados só que não responderam ...
    Agora tô de olho! :)
    Foi por isso!

    bjsss

    ResponderExcluir
    Respostas
    1. Que absurdo, Maria!
      Eu tô chocada. Poxa, que chato. A gente põe todo o nosso carinho nisso, não ganhamos nada, fazemos por amor e vem uma pessoa e copia tudo, que horrível. Nossa, tô impressionada com a cara de pau.
      Vamos protestar.
      Nunca vi acontecer dos meus. Meu blog é muito pequeno e novo, tem pouco alcance mas se acontecesse ficaria super chateada também.
      Estou espantada. Podíamos conversar sobre isso na sua casa e pensar em algo, hein?

      Apesar de tudo, o sorteio foi legal.
      Todo mundo quer ganhar mas não dá né, Maria? :)
      Eu fiz o post de hoje tão rápido que me surpreendeu. Quase nem fiz!
      Mas gosto de compartilhar essas coisas.

      Torcendo pra não darem mais essa mancada com seu trabalho! :(
      Cada coisa!
      Beijo, viu! ♥

      Excluir
    2. Cada coisa mesmo!!!
      E já aconteceu pior .
      Soube de uma caso - bem receito - de um post com PAP copiado e ainda assumiram a autoria.
      MEGA cara de pau!
      Vamos pensar sim...
      Como te disse, no meu caso foram dados os créditos, mas mesmo assim está errado.
      Já pensou criar um blog e viver de posts alheios?
      Mole, né? rs
      bjs,ótimo dia Priscila.
      Vamos pensar em algo mesmo!

      Excluir
    3. Meninas,to passada!!
      cara de pau da poxaa!
      Na boa,fico revoltada com isso!Galera sem criatividade e quer somar nas costas alheias..muito mal!!
      Vamos nos reunir e vê o que podemos fazer para ao menos amenizar isso!
      xeroo

      Excluir
  4. PRI
    Me encanto el post de ayer y el de hoy más!!! Yo quiero arreglar mi blog y su tutorial es BACÁN

    ResponderExcluir
    Respostas
    1. Hola, Angelica!
      Me gusta saber que puedo ayudar con mis tutoriales.

      Besos! ♥

      Excluir
  5. Pri,
    o blog lindo está me ajudando a pensar em uma repagida no meu blog. Continue, que estou adorando!beijo,

    ResponderExcluir
    Respostas
    1. Oba! Então vou continuar postando as idéias por aqui.
      Beijo, Dani!

      Excluir
  6. Como sempre voce arrasando com seus pap's, Pri. Eu ja usei o picmonkey algumas vezes (acho q ele e uma nova versao do picnic), mas ontem eu tentei usa-lo e nao consegui, a nao ser que eu assine for a free limited trial period ?!?!?!?!?!. Sera que vamos ter pagar para usar o picmonkey tbem?

    Anyway Pri, maybe you can help me. It's been very frustrating to make posts recently. It's like I don't have control of the pictures and design of my posts. If I set the pictures and text to the right they show up on the left; sometimes the distance between the photos and texts it's incredible huge. What's going on, do you know? Do you know how to beat this stupid thing? I want my blog to be visually beautiful but if I can't have control of my posts this is not possible.
    Well, let me go back to work. I'll visit your space again later on.
    Thanks

    ResponderExcluir
    Respostas
    1. Então, Regina.
      Eu vi a mesma coisa essa semana lá no PicMonkey e ignorei. Continuei usando e tudo foi permitido. Até porque eles não exigem cadastro. Achei a mensagem bem estranha. Eu usei muito pouco o Picnic até ele acabar em abril, fiquei triste. Mas o Picnic pertencia ao Google acho e eles passaram a usar só o Picasa como seu editor de imagens ligado ao Google, se não me engano.

      Quanto ao TEXTO dos posts, isso aconteceu comigo também. Pelo fato de você postar fotos em tamanho grande, o que favorece muito o blog, eu aconselho que você tente postar justificado e não alinhado à esquerda, dá um ar de jornalismo, mais profissional, faz bem para os olhos. Se ele insistir no erro, feche tudo e entre na edição do post de novo que aí ele permite que você corrija de novo. Aconteceu comigo, fiz isso e deu certo.

      Quanto às FOTOS, só na briga mesmo. Pra mim, é um saco isso porque preciso lutar para as fotos ficarem onde quero. Conforme vou movendo as imagens, clico em Preview pra ver como ficarão posicionadas no post.
      Acho que o Google subestima o Blogger e não melhora nas ferramentas de postagem do Blogger, sabe.

      Espero ter ajudado.
      Beijo, Regina.

      Excluir
  7. Pri seu blog eh LINDO!!!!!! Sem falar nas suas costuras que sao a coisa mais fofa desse mundo. Estou super te seguindo, li todos os posts, ate o comecinho e espero que o blog tenha vida longa, pois quero passar por aqui todos os dias. Beijos

    ResponderExcluir
    Respostas
    1. Oi, Larissa!
      Se depender de mim, ele é eterno.
      Faz parte da minha vida!
      Obrigada pelo carinho!

      Excluir
  8. Uma pergunta: vc eh membro do picmonkey? Vale a pena pagar? Bjos

    ResponderExcluir
    Respostas
    1. Larissa,
      Não sou membra. Aqui na Alemanha começaram a cobrar essa semana. Mas apenas por ferramentas do site com o símbolo da coroa do lado. Você ainda pode usá-lo de graça.
      E não, não vale a pena pagar. Faça as contas: são 5 dólares por mês x 12 = muita coisa pra pagar por um editor de imagens!
      Tente usar as ferramentas e recursos ainda livres ou visite o photobucket.com
      Lá tem fontes lindas.
      Vou preparar um post sobre ele.

      Beijo!

      Excluir
  9. Amei amei amei as dicas...estou voltando de férias e cheia de vontade de melhorar meu blog...

    Obrigada pelas dicas :)

    ResponderExcluir
  10. É mesmo que vc disse... muito obrigada!!
    Tentei fazer lá, de uma forma mequetrefe, mas como sou uma anta neste quesito (rs), decidi pedir a arte pra menina na configuração maior (o meu tb é 1100px) e aí depois eu altero.
    Nossa, e eu achando que fosse alguma coisinha no html ou algo mais complicado mesmo.
    Vsleuzão!!
    Bjns
    :)

    ResponderExcluir
  11. Adorei as dicas. são valiosíssimas. obrigada! :)

    ResponderExcluir
  12. Olá! Que delícia seu blog! Amei as dicas! Meu blog tá mais que necessitado de upgrade rsrs...
    Então, preciso tirar uma dúvida, no picmonkey, consegui montar o banner no tamanho certo e tals, mas não consigo colocar textos, tem algum site que consigo criar? Os elementos que você criou os exemplos de banner's, eu consigo baixar de algum lugar?
    Obrigada.
    :D

    ResponderExcluir
    Respostas
    1. Oi, Carol
      Todos os elementos estão no PicMonkey.
      Hoje alguns deles são cobrados por uma mensalidade que permite acesso a todos os recursos do editor de imagens, mas vieram muitos novos depois dessa postagem que é antiga e tem muitas coisas legais por lá.
      Experimente!
      Sobre os textos, clique na letrinha P ao lado esquerdo e abrirá um leque de fontes pra você usar, ok! ;)

      Beijo!

      Excluir
  13. Oi querida, em buscas pela net, achei seu post!
    Seu tutorial é fantástico! Fiz e me apaixonei pelo picmonkey, rss ele é demais!!!
    Meu banner antigo tava muito primário com uma cerejinha e o nome apenas, queria algo mais vintage! rss
    Vim te agradecer D+ pelo post e te convidar a conhecer meu blog, meu novo banner, e aceito dicas de como melhorar o mesmo! Estou sempre tentando melhorar..pode falar tah...rs
    Beijoks
    Josy
    http://josyfazendoarte.blogspot.com.br/

    ResponderExcluir
  14. Muito obrigado ficou lindo no meu blog
    Confere lá :http://atividadesdeprofessor.blogspot.com.br/

    ResponderExcluir
  15. Amei, ajudou muito !!
    http://tudojuntomisturado10.blogspot.com.br/

    ResponderExcluir
  16. Muito obrigada pelas dicas! Vou fazer já o meu.
    Beijo!
    E de uma olhadinha no meu novo blog http://papo-leitura.blogspot.com.br/

    ResponderExcluir
  17. Uau! Fazia tempo que conhecia o PicMonkey,mas nunca pensei em usá-lo para isso,já que eu fazia meus banners no PhotoFiltre 7!
    Muito obrigada :3

    ResponderExcluir
  18. Oi, Priscila. Descobri seu blog ontem buscando como fazer um banner para blog. Usei o PicMonkey e o banner já está lá. Agora vou repaginar meu blog todinho. Pode contar com minhas visitas aqui. Seu blog é lindo e com muito conteúdo!
    www.felizemcasa.com

    ResponderExcluir
  19. Achei o post incrível, super completo e simples. Me ajudou muito a fazer meu próprio banner! Obrigada pelas dicas, e dá uma olhadinha no meu blog pra ver como ficou também:

    http://dialogoparticular.blogspot.com.br/

    Beijinhos!

    ResponderExcluir
  20. Ameei me ajudou muito , viu! Valeu pela dica!

    ResponderExcluir
  21. Adoreiii me ajudou Bastante obg♥
    Passa lá no meu blog depois liindaa:http://garotassonhadoraslarii.blogspot.com.br/

    ResponderExcluir
  22. Ótima dica! parabéns!!!!
    achei uma postagem que pode ser incrementado a essa postagem, fala sobre banners rotativos, pode usar essa sua dica e colocar vários banner em seu blog, dê uma olhada...link abaixo...Parabéns
    BANNER ROTATIVO NO CABEÇALHO DO BLOG

    ResponderExcluir
  23. Seu blog tem um visual lindo!
    E adorei as dicas!
    Venha me conhecer também!
    http://santaclaraartesanato.blogspot.com.br/
    Feliz ano novo!

    ResponderExcluir
  24. Olá,

    Amei o post e o seu blog, super dicas, aproveitei todas. Obrigada por partilhar!

    Beijos!

    ResponderExcluir
  25. Post fofo! Adorei as dicas, muito obrigada!

    ResponderExcluir
  26. Obrigado pela dica adorei e vou usar .
    Cris-Moranguinho Vestidos

    ResponderExcluir
  27. Puxa, eu tenho que te agradecer muito, muito, porque já não é de hoje que eu queria dar uma carinha bonita para o cabeçalho do meu blog, mas sempre achei que eu ia ter q acabar pagando alguém pra fazer um desenho legal pra ele. Não conhecia o picmonkey, e as suas dicas foram valiosíssimas!! Já usei e coloquei no meu cantinho. Se quiser dar uma olhada em como me ajudou, meu endereço é maeperdida.blogspot.com.br.
    Muuuuito obrigada mesmo, estou adorando seu conteúdo!
    Michelle

    ResponderExcluir
  28. Obrigada pelas dicas, to começando um blog e queria muuuito fazer um banner e não fazia ideia de por onde começar! Ajudou muito!! Bjoo

    ResponderExcluir
  29. Que linda, adorei!
    Há tempos queria fazer um banner para o meu blog mas não sabia como.
    Obrigada e um beijinho.

    Vera

    ResponderExcluir
  30. Nossa que legal, muito obrigada. Exatamente o que eu estava procurando parece ser bem fácil!

    beijos
    sembronzeador.blogspot.com.br

    ResponderExcluir
  31. Nossa,esse site é genial ! Muitíssimo obrigada. :)

    ResponderExcluir
  32. Menina encontrei nesse post tudo que precisava! b j Obrigada
    Blog da Martika

    ResponderExcluir
  33. amei a dica, obg <3

    Rayline

    http://baudafeminilidade.blogspot.com.br/

    ResponderExcluir
  34. Amei a dica
    Me ajudou muito
    obgd :)
    http://vanessamelo26.blogspot.com.br/

    ResponderExcluir

Obrigada por costurar seu comentário aqui no bloguinho! ♥
Perguntas são respondidas no seu blog.