Se você pensa em vender publicidade ou divulgar algum produto ou programas de afiliados em seu blog, e gostaria que eles rotacionem entre si, poderá utilizar o plugin GotBanners, que permite rotacionar qualquer tipo de imagens entre os espaços existentes, ou seja, eles vão mudar de posição conforme o visitante muda ou recarrega a página.

Para ver este plugin em ação, você pode conferir os banners que estão sendo rotacionados no site CriarSites.com. Repare logo acima do menu de navegação, que a cada página carregada, os banners dos anunciantes mudam de posição.

Antes de começar você precisa saber….

Este plugin rotaciona um grupo de imagens entre os espaço existentes, portanto é necessário que todas as imagens tenham o mesmo tamanho, por exemplo, 125×125 pixels, para que as imagens não fiquem desalinhadas.

Além disso, você tem que levar em consideração o espaço em que eles irão ser exibidos. Se você estiver querendo rotacionar 6 banners com 125 pixels de largura em um espaço de 400 pixels, o plugin irá exibir 2 grupos de 3 banners. Por exemplo:
1 + 1 + 1
1 + 1 + 1

Agora se os mesmos 6 banners forem exibidos em um espaço de apenas 350 pixels, seus banners serão exibidos em 3 grupos de 2 banners. Por exemplo:
1 + 1
1 + 1
1 + 1

Ou seja, as imagens vão se acomodando de acordo com o espaço disponível. Se ficar apertado, a próxima imagem passa para a linha de baixo.

Instalando o plugin

Primeiramente, você precisa instalar o plugin. Isto pode ser um problema, porque o GotBanners não está presente na lista de plugins do instalador do WordPress, sendo necessário que você o baixe e publique na pasta wp-content/plugins em que está instalado o seu blog.

Se você ainda não sabe como fazer para publicar um arquivo no seu servidor de hospedagem, confira o artigo “Como configurar o FileZilla e publicar arquivos no seu servidor“.

Configurando o GotBanners

Depois de publicar e ativar o plugin, você precisa configurá-lo com o código de seus banners. Para gerar o código das imagens, você pode utiliza o próprio editor de posts do WordPress.

Acesse o editor e adicione a imagem deseja e gere o link para o qual o visitante será direcionado caso clique na imagem. Em seguida, altere o editor para o modo HTML e copie o código da imagem. Você pode gerar todas as imagens antes de passar para o próximo passo.

Depois de gerar os códigos das imagens, acesse o editor do WordPress, clique sobre a aba “Configurações” e em “Got Banners”.

No campo indicado, cole o código de cada imagem, separando cada uma delas com um ~ (acento til) como mostra a imagem abaixo e salve as alterações.

Inserindo os banners no template de seu blog

O último passo é adicionar os banners ao template de seu blog. Você pode fazer isso de duas maneiras. Com um widget ou adicionando um código PHP ao seu template.

Widget - Adicionar os banners em seu blog com um widget é a maneira mais fácil. Basta que você acesse o editor do WordPress, clique na ama “Aparência” e em “Widgets”.

Encontre o widget do Got Banners na lista e arraste até a o local em que deseja que os banners apareçam. Clique na imagem abaixo para ampliar.

Com um código – Se o local em que você deseja adicionar os banners não pode ser adicionado por um widget, a solução seria adicionar o código responsável por chamar os banners diretamente ao template.

Para fazer isso, acesse o editor do WordPress, clique na aba “Aparência” e em “Editor”. Em seguida procure pelo arquivo em que você deseja adicionar os banners, que normalmente será o arquivo sidebar.php (menu lateral).

Encontre as tags

e

e cole o seguinte código no local em que deseja que os banners apareçam.

Patrocinadores

Depois é só salvar o documento e ver o resultado.

Gostou deste tutorial? Ainda tem dúvidas? Entre em contato com o nosso suporte.

Aqui o arquivo

gotbanners.zip (4,7 kB)