segunda-feira, 15 de fevereiro de 2016

Como colocar anúncios Flutuantes no Blogger

float-banner-ads-blogger



Se você trabalha com alguma plataforma de rentabilização de anúncios esse é um ótimo widget para melhorar a sua receita não aconselhamos a usar isso com adsense por ser contra TOS  mas para outras plataformas isso é bem vindo o que são anúncios flutuantes? Bem todos nós blogueiros sabemos que temos a parte de conteúdo e também a parte de layout de fora o que fica um espaço vazio sem ser ocupado para isso você pode usar esse lugar para mostrar um tipo de anuncio e aumentar o sua renda a cada dia para isso isso leva em base um anuncio no formato 160x600px  para adicionar  isso siga os passos.


Faça login no Blogger:

Va no menu layout então adicionar novo gadget procure por HTML/JavaScript então copie o código abaixo e cole dentro:


<style>
#mybloggerseoflotads {
height:30px;
width:auto;
background: #333333 url('..');
background-repeat:repeat-x;
text-align:left;
padding-top:4px;
}
#bsadsbase{
height:600;
margin:0auto;
width:160px;
background:#fff;
border-bottom:2px #333333 solid;
border-right:2px #333333 solid;
border-left:2px #333333 solid;
text-align:center;
padding:4px;
}
#bsadsheadline{
opacity:1.0;
height:auto;
width:auto;
position:fixed;
top:65px;
left:10px;
border-bottom:1px #005094 solid;
border-bottom:0px blue solid;
color:#333;
padding:0px;
z-index:1001;
font-size:13px;}
</style>
<script type="text/javascript">
function getValue()
{
document.getElementById("bsadsheadline").style.display = 'none';
}
</script>
<div id="bsadsheadline">
<div id="mybloggerseoflotads">
<span style="color:#fff;font-size:13px;font-weight:bold;text-shadow:black 0.1em 0.1em 0.1em"></span>
<span style="color:#fff;font-size:13px;font-weight:bold;text-shadow:black 0.1em 0.1em 0.1em;float:right;padding-top:3px;padding-right:10px"><a href="http://www.mybloggerseo.com/2016/02/como-colocar-anuncios-flutuantes-no-blogger.html" target="_blank" onclick="getValue()">close(x)</a></span>
</div>
<div id="bsadsbase">
<h3></h3>
<p align="left"><h3></h3></p>
<p>                                                                                                                        
Ads code here
<br/></p></div></div

Customização

Substitua "ads code here" pelo código do seu anúncio
Mude left para right se desejar o lado direito

NEXT ARTICLE Next Post
PREVIOUS ARTICLE Previous Post

2 comentários:

wo Tutoriais disse...

como mudar o comando para fechar a janela sem abrir em outro link, se puder me auxiliar eu agradeço.

Myblogger SEO disse...

só modificar o código pelo link desejado http://www.mybloggerseo.com/2016/02/como-colocar-anuncios-flutuantes-no-blogger.html" target="_blank

Postar um comentário

NEXT ARTICLE Next Post
PREVIOUS ARTICLE Previous Post
 

Delivered by FeedBurner