Como colocar um Anúncio flutuante no meu Blogger?

Tags:

Como colocar anúnios adsense flutuante no meu blog?

Colocar anúncios flutuante no blogger.

Caixa de texto flutuante no blogger.

Código de anúncios flutuante no blog.

Muito tempo andei procurando por ai este código, então como não encontrei exatamente o que queria, visitei um determinado site, que tinha este tipo de anuncio. Visualizei seu código-fonte, e conseguir encontrá-lo.

É muito simples para adicioná-lo ao seu blog:

Acesse seu painel do blogger;

Clique em em Design;

Clique em adicionar Adicionar um Gadget, escolha um espaço no topo da página ou no topo da lateral, não se preocupe o anúncio será posicionado à esquerda independente da posição que add o código;

Cole o seguinte código:

__________________________________________________________________________________

<!futuante>
<!-- BEGIN MOVE -->
<style type="text/css">
#topbar{
position:absolute;
border: 0px solid red;
padding: 1px;
background-color: #FFFFFF;
height: 300px;
width: 300px;
visibility: hidden;
z-index: 100;
}
</style>
<script type="text/javascript">
var persistclose=0 //set to 0 or 1. 1 means once the bar is manually closed, it will remain closed for browser session
var window_width = screen.width;
var startX = ((window_width - 1015) / 2) //set x offset of bar in pixels
var startY = 185 //set y offset of bar in pixels
var verticalpos="fromtop" //enter "fromtop" or "frombottom"
function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}
function get_cookie(Name) {
var search = Name + "="
var returnvalue = "";
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) {
offset += search.length
end = document.cookie.indexOf(";", offset);
if (end == -1) end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset, end))
}
}
return returnvalue;
}
function closebar(){
if (persistclose)
document.cookie="remainclosed=1";
document.getElementById("topbar").style.visibility="hidden";
}
function staticbar(){
barheight=document.getElementById("topbar").offsetHeight
var ns = (navigator.appName.indexOf("Netscape") != -1) || window.opera;
var d = document;
function ml(id){
  var el=d.getElementById(id);
  if (!persistclose || persistclose && get_cookie("remainclosed")=="")
  el.style.visibility="visible"
  if(d.layers)el.style=el;
  el.sP=function(x,y){this.style.left=x+"px";this.style.top=y+"px";};
  el.x = startX;
  if (verticalpos=="fromtop")
  el.y = startY;
  else{
  el.y = ns ? pageYOffset + innerHeight : iecompattest().scrollTop + iecompattest().clientHeight;
  el.y -= startY;
  }
  return el;
}
window.stayTopLeft=function(){
  if (verticalpos=="fromtop"){
  var pY = ns ? pageYOffset : iecompattest().scrollTop;
  ftlObj.y += (pY + startY - ftlObj.y)/8;
  }
  else{
  var pY = ns ? pageYOffset + innerHeight - barheight: iecompattest().scrollTop + iecompattest().clientHeight - barheight;
  ftlObj.y += (pY - startY - ftlObj.y)/8;
  }
  ftlObj.sP(ftlObj.x, ftlObj.y);
  setTimeout("stayTopLeft()", 10);
}
ftlObj = ml("topbar");
stayTopLeft();
}
if (window.addEventListener)
window.addEventListener("load", staticbar, false)
else if (window.attachEvent)
window.attachEvent("onload", staticbar)
else if (document.getElementById)
window.onload=staticbar
</script>
<div id="topbar" style="width: 250; height: 250" align="RIGHT"> <a href="http://www.guajenet.com/" target="_blank"><font color="#808080">Fechar </font></a><span onclick="javascript:window.closebar()"><font face="Verdana"
size="1"><b><font color="#FF0000">X</font></b></font></span>
<br />
<!-- OPEN MOVE-->
DIGITAR CÓDIGO DO ANUNCIO AQUI </div>
<!-- END MOVE --></!futuante>

__________________________________________________________________________________

Editando o Código:

Onde está o texto vermelho, “digitar o código do…” é onde colocará o código do seu anúncio, ou um texto qualquer.

Para configurar o tamanho da caixa de exibição modifique os valores em Pixels que estão em vermelho acima.

Os valores height: 300px; e width: 300px; é o tamanho da janela, width: 250; e height: 250 é o tamanho da barra de título onde tá o texto “Fechar” da janela.

Onde está destacado “Left” modifique se quiser deixar a caixa no centro da página ou à direita, pois está à esquerda:

Coloque “center” para centro ou “right” para direita em todos os “left” encontrados.

Se quiser remover o texto “Fechar” que na verdade está com o meu link, você fecha a janela no “X” vermelho e não no Fechar, para remover, basta pesquisar no código a seguinte parte:

<a href="http://www.guajenet.com/" target="_blank"><font color="#808080">Fechar </font></a>

E basta remover.

Clique em Salvar.

Atenção: Alguns anúnios gráficos, não fecham, aconselho que use anúncios em Texto, porém alguns como banner costumam fechar.

Obs. Não aconselho colocar anúncios Adsense nesta caixa, pois eles não aceitam anúncio desse tipo, utilize para avisos, cadastros de Feeds, ou anúncios de outros sites que aceitem isso.