Aprenda a colocar banners no seu blog

Oi gurias, o post de hoje é super útil, principalmente para as blogueiras novatas. Banner é aquela foto com anúncio de uma empresa, de um site, etc. Toda vez que uma empresa faz parceria com o blog, é de bom grado colocar um banner da empresa, nada mais justo né, afinal se ganhamos algo, devemos divulgar não é mesmo. Quando você coloca um banner no seu blog, seus leitores clicam na foto e são direcionados para o site, Facebook, blog, etc da empresa.

Confira o passo a passo de como colocar banners no seu blog !

1. Entre nesse site : http://tinypic.com/ . Quando você entrar no site aparecerá essa imagem. Clique em escolher arquivo e escolha a foto que você deseja usar como banner.


2. Depois clique no link Resize e escolha o tamanho que você desejar. O tamanho mais usado é Website/Email (320x240).


3. Depois clique em UPLOAD NOW! .


4. Irá aparecer essa caixa para fazer a verificação de palavras, digite as palavras que irão aparecer e clique em UPLOAD NOW! .


5. Irá aparecer essa tela. Escolha a opção Direct Link for Layouts e copie o link que foi gerado.


6. Agora abra esse site : http://www.montarumblog.com/como-inserir-uma-imagem-com-link-gerador-online/ e irá aparecer a tela abaixo.


7. Cole o link gerado na foto 5 e cole na opção Link da sua imagem, como mostrado na foto.


8. Agora cole o link do site, Facebook, blog, etc, que você deseja direcionar seu leitor na hora que ele clicar na foto do banner. Eu usei uma página do Facebook como exemplo.


9. Clique em Criar Imagem com Link. Copie o código que irá aparecer.

( A opção : Título da Imagem/ Texto Alternativo é opcional, mas se quiser digite por exemplo o nome da empresa para qual o banner será direcionado)


10. Abra seu blog e vá na opção Layout.


11. Clique em Adicionar um Gadget.


12. Escolha a opção HTML/JavaScript e clique naquele sinal de + em azul.


13.  Na opção Título digite o nome da empresa, site, blog etc que deseja direcionar seu leitor. Na opção conteúdo clique o link gerado na foto 9.


14. Na foto acima digitei na opção Título "Loja de Unha", perceba que na foto abaixo está escrito Loja de Unha em um dos gadgets. Esse gadget corresponde ao banner criado. Agora é só arrastar seu banner para a posição que desejar em seu blog.


15. Se quiser ver como ficou seu banner clique em Visualizar. Depois não esqueça de clicar em Salvar Organização para salvar seu banner.


16. A foto a seguir mostra um exemplo de blog, com a postagem e alguns banners em volta. Você pode adicionar quantos banner desejar. Se você achar que a foto ficou muito grande ou muito pequena, repita todo o processo a partir da foto 2.  Aí será necessário editar o gadget no seu blog novamente. 


Você pode conferir o passo a passo no vídeo abaixo : 




Bom gurias, é isso, espero que eu tenha ajudado :D

10 comentários:

  1. Oi linda, amei sua dica!! Super útil!!! com certeza vai me ajudar bastante, sou novata..bjus!
    http://grandemoleca.blogspot.com.br/

    ResponderExcluir
  2. Excelentes dicas e o melhor de tudo o passo a passo,ajuda muito. Beijos triplos
    http://www.eueosgemeos.com/
    http://www.maesbrasileiras.com.br/

    Cléo

    ResponderExcluir
    Respostas
    1. Já fiz assim com as fotos porque facilita mais na compreensão mesmo :D

      Excluir
  3. No inicio eu quebrei a cabeça + depois que tu aprende acha tão fácil
    http://www.jeitosimplesdeser.com.br/

    ResponderExcluir
    Respostas
    1. Verdade né flor, a primeira vez que tentei fazer também me confundi um pouquinho :)

      Excluir
  4. Bem fácil e muito importante! Gostei do tuto, flor!
    Jéssica
    donaurbana.blogspot.com

    ResponderExcluir
    Respostas
    1. Muito obrigada, fico feliz que tenha gostado :D

      Excluir
  5. ótimas dicas para quem ainda não sabe mexer com essas ferramentas....bjus

    ResponderExcluir
  6. Verdade, eu mesma só fui aprender esses dias, aí já resolvi passar o conhecimento adiante :D

    ResponderExcluir

Olá Obrigada por visitar o blog,deixe seu comentário!
E seu link para que eu possa retribuir!

Related Posts Plugin for WordPress, Blogger...