05/02/2011

Como Colocar um Banner no Seu Blog

Um aluno de um dos meus cursos perguntou como inserir banners na lateral de um blog ou de um email. Muitas pessoas me fazem a mesma pergunta.

Além de existirem dois serviços de blog mais usados, que são o Blogger e o Wordpress, existem também diversos serviços de email.

Por isso eu vou dividir esse artigo em três partes.

Parte 1: Como colocar um banner no Blogger.

Basta seguir o roteiro: Como Inserir um Banner do Magnet System no Seu Blog.

Esse procedimento não serve para colocar somente os banners do Magnet System.

Colocar um banner em qualquer parte do layout do seu blog é um procedimento padronizado, simples e serve para qualquer tipo de banner criado em linguagem HTML.

Basta copiar o código HTML no site onde o seu banner está disponível e depois colar este código num Gadget do Blogger, como foi ensinado no artigo.

Mas esse procedimento é válido somente se você estiver usando o Blogger. Agora eu vou mostrar como realizar este mesmo procedimento no seu blog Wordpress.

Parte 2: Como colocar um banner no Wordpress.

1) Copie o código HTML do banner que você pretende instalar.

Geralmente este código é encontrado ao lado da imagem do banner no site do sistema de afiliados que você participa.

2) Faça login no painel de controle do seu blog Wordpress usando o seu nome de usuário e senha.

3) Na barra lateral esquerda do seu painel de controle, acesse o menu "Aparência" e o sub-menu "Widgets".

4) Dentro da seção Widgets, você encontra duas colunas:

A coluna da esquerda possui todos os Widgets (complementos) que você pode instalar no seu blog.

Para o banner você só precisa do Widget "Texto (Texto normal ou HTML)".

A coluna da direita mostra exatamente as seções disponíveis na lateral direita do seu blog. É para lá que você vai arrastar o Widget "Texto", que está inicialmente na coluna da esquerda.

O nome e a quantidade de seções depende de cada tema que você estiver utilizando.

Antes de arrastar o Widget, você deve abrir a seção desejada clicando na seta que existe no canto direito da seção.

5) Arraste o Widget "Texto" da coluna da esquerda para a posição desejada na coluna da direita.

Geralmente você vai preferir arrastar o Widget "Texto" para uma das seguintes seções:

  • "Sidebar_left" - barra lateral esquerda
  • "Sidebar_right" - barra lateral direita.

6) Agora só falta abrir o Widget Texto que você arrastou para uma das seções da coluna da direita e colar o código HTML do seu banner, que você copiou no "ítem 1" deste tutorial.

Você também pode escrever o título que vai aparecer acima do banner ou, se preferir, pode deixar em branco.

7) Só falta pressionar o botão para salvar o Widget e pronto!

Agora você já pode abrir o blog e ver como ficou o resultado.

Parte 3: Como colocar um banner na lateral do email.

A maioria dos serviços de email grátis e online (webmail) ainda não oferecem uma opção simples para você criar um banner HTML diretamente na mensagem, pelo menos por enquanto.

Enquanto esses recursos ainda não estão disponíveis, você pode se contentar em inserir uma imagem no texto ou na assinatura, seguido de um texto apontando para o link do site ou blog que você pretende divulgar.

O melhor mesmo é usar serviços profissionais de Email Marketing, onde você vai poder formatar texto normal ou HTML e inserir imagens contendo links, simplesmente após pressionar alguns botões.


Se o serviço de email que você possui aceitar banners, então comece assim:

1) Crie uma tabela com duas ou mais células (podem ser linhas ou colunas) para separar o texto do banner.

Na célula (ou coluna) da esquerda por exemplo, você pode inserir o texto da sua mensagem e na coluna da direita você pode inserir o banner.

Se preferir, você pode inserir o texto na célula (ou linha) superior da tabela e deixar o banner na linha inferior.

Essa é a melhor forma de você criar uma separação entre o texto e o banner dentro da sua mensagem.

O serviço de email marketing que eu uso para enviar minhas mensagens possui um recurso que facilita muito esse trabalho.

O Icontact possui uma interface intuitiva, muito simples de usar conhecida como MessageBuilder. Se você entende bem de HTML, também pode usar o MessageCoder.

Qualquer pessoa inexperiente consegue criar mensagens profissionais com um mínimo de esforço usando os inúmeros templates disponíveis no MessageBuilder. Mesmo assim essa interface possui todos os recursos avançados que você pode precisar.


O Icontact é um completo serviço de email marketing com autoresponder. Possui recursos que vão atender desde os novatos até os mais experientes.

Você vai saber mais sobre ele no artigo que publiquei com o título Email Marketing Icontact com Autoresponder

Depois não perca mais tempo e faça logo um teste grátis para experimentar os inúmeros recursos do Icontact.

8 comentários:

  1. Muito útil suas dicas ! Adoreii ..

    ResponderExcluir
    Respostas
    1. Olá Ariane,

      Tudo bem?

      Muito obrigado por visitar o meu blog.

      Sucesso!!!

      Excluir
  2. Deu certo !
    como faço para adicionar um link a essa imagem?

    ResponderExcluir
    Respostas
    1. Olá Peremelo,

      Tudo bem?

      Para adicionar um link a uma imagem, basta selecionar a imagem e depois clicar no botão link na barra de ferramentas do blog.

      Em seguida digite a "URL" que é o site que deverá ser acessado quando alguém clicar na imagem.

      Depois basta pressionar o botão "OK" e pronto!

      Abraços e Sucesso!!!

      Excluir
  3. Ótima dica,adorei!Estou começando agora e ando perdida

    ResponderExcluir
  4. Olá, tudo bem?
    Eu agradeço de coração.
    Abraços e um Grande Sucesso para você também.

    ResponderExcluir
  5. Quero uma ajuda para o meu blob

    ResponderExcluir
    Respostas
    1. Olá, tudo bem?

      Por gentileza, preencha o seguinte formulário de contato, explicando exatamente que tipo de ajuda você precisa para o seu blog:

      https://www.renda3.com/contato

      Responderei assim que puder.

      Abraços e Sucesso!!!

      Excluir

Comente este post aqui!

Related Posts Plugin for WordPress, Blogger...