Anúncio Fixado No Rodapé do Blogger
Nesta postagem compartilho com vocês este anuncio fixado no rodapé da página facilitando assim a visualização pelos seus visitantes.
Para ver uma demonstração do código, clique no link abaixo:
http://dicashot.blogspot.com.br/p/indice.html
http://dicashot.blogspot.com.br/p/indice.html
Para colocar no blogger...
Entre em "layout" - "Adicionar um Gadget" - "HTML/JavaScript" e colar o código
Entre em "layout" - "Adicionar um Gadget" - "HTML/JavaScript" e colar o código
<style>
#barra-DicasHot, #sobreautor {
background: -moz-linear-gradient(top, #000000, #333333) repeat-X;
background: -webkit-gradient(linear, left top, left bottom, from(#000000), to(#333333) ) repeat-X;
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#000000, endColorstr=#333333)";
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#000000, endColorstr=#333333);
}
div.clbanner{
-moz-border-radius:20px;-webkit-border-radius:20px;border-radius:20px;
padding:10px;
position:relative;
font-family:trebuchet ms;
font-size:13px;
text-align:center;
height:auto;
width:250px;
border:5px solid #36648B;
color:white;
}
div.clbanner a{text-decoration:none;
color:#F5DEB3;
}
div.adflutua{bottom:0;right:0;position:absolute;background-color:#36648B;}
div#barra-DicasHot a{
color:#d6edfb;
}
#barra-DicasHot{color:white;position:fixed;width:100%;height:auto;bottom:0;z-index:500;left:0;}
#moderacao {
font-size:12px;
border:15px solid #F8F8FF;
background-color: #F8F8FF;
}
</style>
<div id="barra-DicasHot">
<div style="margin: 5px; text-align: center;">
<a href="javascript:void(0);" onclick="document.getElementById('barra-DicasHot').style.display='none';" style="position: absolute; right: 0pt;">FECHAR[X]</a>
<script type="text/javascript"><!--
google_ad_client = "ca-pub-9697072058028699";
google_ad_host = "pub-1556223355139109";
/* Homepage 728 x 90 */
google_ad_slot = "9382285960";
google_ad_width = 728;
google_ad_height = 90;
//-->
</script>
<script type="text/javascript"
src="//pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>
<div style="text-align: right;">
<span style="font-size: xx-small;"><span style="color: #444444;">Widget by</span><span style="color: #999999;"> </span><a href="http://dicashot.blogspot.com.br/" target="_blank"><span style="color: #444444;">DicasHot</span></a></span></div>
</div>
Tendo colado o código, modifique a parte destacada de azul com o código do seu anúncio. Tendo feito isto, basta salvar e pronto!!!