Como Criar um Box Flutuante para Publicidades no Blog?

Encontrar áreas para exibir publicidade sem ser demasiadamente intrusivo é sempre uma grande dificuldade, pois se exagerar poderá causar incômodo em seu leitor e o retirando do blog, se afastar demais a publicidade do conteúdo corre o risco de esta não ser chamativa o suficiente para que seu leitor tenha interesse.

Pensando nisto fiz algumas pesquisas e notei algo em blogs internacionais como o Dinheiro Oportunidade do Custódio, que existem publicidades do “lado de fora” do blog, exatamente como pode ver aqui no Criar Sites o Box com os botões de compartilhamento, porém fica com publicidades. Veja isto na imagem a seguir.

como-criar-um-box-flutuante-para-publicidades-no-blog

Como pode notar na imagem o banner está ainda mais a direita do que a barra lateral, e possui o mesmo efeito que a barra dos botões aqui do Criar Sites (desliza junto com a página). Esta é uma forma de manter a publicidade exposta para o leitor por mais tempo sem com isso atrapalhar sua leitura.

Nem todos os templates wordpress irão funcionar bem com este tipo de publicidade, pois deve lembrar que dependendo da resolução do monitor de seus leitores a publicidade não irá aparecer, isso pode ser facilmente calculado da seguinte forma:

Vá até seu Google Analytics e clique em: Tecnologia >> Navegador e sistema Operacional >> Resolução de Tela.

Verá uma lista com a resolução de tela de seus leitores, que vai desde a resolução mais frequente até a menos frequente. Escolha como base para seu cálculo a menor resolução com um número considerável de visitantes (normalmente será de 1024 x 768).

Com isso temos uma área livre para trabalhar de 1024 pixels, então destes pixels deverá subtrair a largura de seu template, digamos que seja um com 900 pixels, teremos 124 pixels livres para trabalhar, porém se seu template for centralizado terá apenas 62 pixels de cada lado, já se alinhar tudo a esquerda ficará com o espaço livre.

Com 124 pixels livres poderá tranquilamente trabalhar com banners de 120×600 que possuem um ótimo tamanho!

Como gerar o código para o Box flutuante?

O código é realmente dos mais simples que existem, bastará adaptar o código abaixo e o colocar em seu arquivo header.php logo após a tag <body> e funcionará perfeitamente, ou ainda para não causar demora no carregamento do conteúdo poderá inserir no arquivo footer.php antes do fechamento da tag </body>, funciona da mesma forma.

<div style=”width:120px; height:600px; float:right; display:scroll; position:fixed; top:168px; margin-left:-4px;”>

<!—Código do seu Banner de afiliado 120×600 –>

</div>

Repare que este código está com as medidas exatas para inserir um banner 120×600 em um vão de 124 pixels com uma resolução 1024×768 deixando o banner encostado no blog em uma boa altura na tela, mas poderá fazer diversas alterações para deixar o código exatamente como desejar.

foto veja como criar sites gratis começando do zero