Anúncio Flutuante Com Time - Contagem Regressiva

Nesta postagem compartilho com vocês mais um código de anúncio flutuante onde você poderá colocar a publicidade que quiser.

Este é apenas um dos modelos. Veja estes outros modelos de anúncio flutuante e veja qual "combina" mais com o seu blog!

Anúncio Flutuante Versão #1

Anúncio Flutuante Versão #2

Anúncio Flutuante Versão #4

Anúncio Flutuante Personalizado

Para colocar no seu blog

Entre em "Moledo" - "Editar HTML" e procure pela tag

</body> 

 Tendo encontrado esta tag

Cole ACIMA dela o seguinte código

<!-- Anúncio Flutuante by DicasHot -->
<style type='text/css'>body{ overflow-x: hidden; } #follow iframe{ opacity: 0.0; } #follow{ opacity: 0.0; background-color: black; z-index:99999 !important;  position: absolute; display: none; width: 30px; height: 30px; }.cloudbanner{ position:fixed;width:300px; overflow: hidden; height:250px; background:green; top:40%; z-index:9999 !important; left:0; right:0; margin:0 auto; background:#FFF; border:1px solid #ccc; display:block; }.closeads{ position:absolute; display:none; right:20%; bottom:10%;  width:22px; height:40px; background:url(&#39;http://www.colegiosapiens.com.br/fechar.jpg&#39;) no-repeat; cursor:pointer;}.pub300{ width: 300px; height: 450px; overflow: hidden; text-align: center; } </style>

<script type='text/javascript'>
function timer(){
 jQuery(&#39;.cloudbanner&#39;).hover(function(){
  jQuery(&#39;#follow&#39;).css(&#39;display&#39;,&#39;block&#39;);
  cronometro();
 });
 jQuery(&#39;.closeads&#39;).hover(function(){
  jQuery(&#39;#follow&#39;).css(&#39;display&#39;,&#39;block&#39;);
  cronometro();
 });
}
function cronometro(){
 setTimeout(&#39;amostra()&#39;, 1000);
}
function amostra(){
 jQuery(&#39;.cloudbanner&#39;).css(&#39;display&#39;,&#39;none&#39;);
 jQuery(&#39;#follow&#39;).css(&#39;display&#39;,&#39;none&#39;);
}
function excludeDiv(){
 jQuery(&#39;#close&#39;).css(&#39;display&#39;,&#39;none&#39;);
 jQuery(&#39;.closeads&#39;).css(&#39;display&#39;,&#39;block&#39;);
 timer();
}
 var numero = 10;
 function chamar(){if(numero&gt;0){document.getElementById(&#39;timers&#39;).innerHTML = --numero;}}
setInterval(&quot;chamar();&quot;, 1000);
setTimeout(&quot;excludeDiv();&quot;,10000);
</script>

<script src='//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js'></script>

<div class='cloudbanner'>
<div class='pub300' id='close'>
 <h1>Aguarde...</h1>
 <img class='img' height='50' src='https://eagletrustinsurance.com/images/loading_black_small.gif' width='50'/>
 <h2>Você poderá fechar a publicidade em:</h2>
 <span><div id='timers'>10</div></span>
 <h2>Segundos</h2>

<div style="text-align: right;">
<a href="http://dicashot.blogspot.com.br/" target="_blank"><img height="20" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiM3ugrHgKfm25uHcbeT-6pC1JFGowcRdFnLJ5eKVdloU7ltrtlp0X1CdlBYsycCNSG_PI8KxtbRJ57Dn7Lyc08YKVv_U0qTNoVeDnCqilXzGApWJcADZ9jEG5TyLA2wIuFAk4hOzH6wF4/s200/Logo+-+DicasHot.png" width="20" /></a></div>

</div><!-- 300 -->

<div style='height: 300px; width: 300px;'>

<script type='text/javascript'>
    google_ad_client = &quot;ca-pub-9697072058028699&quot;;
google_ad_host = &quot;pub-1556223355139109&quot;;
    google_ad_slot = &quot;9475443161&quot;;
    google_ad_width = 300;
    google_ad_height = 250;
</script>
<!-- Formiga -->
<script src='//pagead2.googlesyndication.com/pagead/show_ads.js' type='text/javascript'>
</script>

</div>
<div class='closeads' style='position:absolute' title='Fechar'>
<div style="text-align: right;">
</div>
</div></div>
<!-- Anúncio Flutuante by DicasHot -->

Modifique apenas as partes destacadas no código.

Tendo colado o código, basta salvar e pronto!!!