Anúncio Flutuante no Blogger - Fundo Transparente - Versão #3
Nesta postagem trago para vocês outra versão de um código para anúncio flutuante.
Veja as outras postagens, talvez você goste dos outros modelos de anúncio flutuante:
Este é apenas um dos modelos. Veja estes outros modelos de anúncio flutuante e veja qual "combina" mais com o seu blog!
Veja uma demonstração do código:
http://testedicashot.blogspot.com.br/
Para colocar no seu blog é bem simples.
Para coloca-la no blogger... Entre em "layout" - "Adicionar um Gadget" - "HTML/JavaScript" e cole o seguinte código
<style>
#topbar{position:absolute;border:0px solid red;padding:1px;background:transparent;width:300px;visibility:hidden;z-index:250}</style> <script src="https://sites.google.com/site/dicashotblogger/home/javascriptdicashot/AnuncioDicasHot.js"></script> <div id="topbar" style="width: 300; height: 250" align="RIGHT"><div style="position:absolute; left: 285px; top: 7px; width: 10px; height: 10px;"> <span onclick="javascript:window.closebar()"><img src="http://www.baixaki.com.br/imagens/materias/2484/6061.png" width="10" height="10" border="0" alt="FECHAR" /></span></div>
<div style="text-align: center;">
<object data="http://www.cursos24h.net.br/banners/areas/pedagogia/flash/250x250.swf?clickTAG=http%3A%2F%2Fwww.cursos24horas.com.br%2Fparceiro.asp%3Fcod=promocao63478%26url=/cursos/pedagogia" height="250" type="application/x-shockwave-flash" width="250">
<param name="movie" value="http://www.cursos24h.net.br/banners/areas/pedagogia/flash/250x250.swf?clickTAG=http%3A%2F%2Fwww.cursos24horas.com.br%2Fparceiro.asp%3Fcod=promocao63478%26url=/cursos/pedagogia" />
<param name="quality" value="high" />
<param name="bgcolor" value="#CCCCCC" />
<h3>
Cursos 24 Horas</h3>
<a href="http://www.cursos24horas.com.br/parceiro.asp?cod=promocao63478" rel="nofollow" target="_blank">Cursos Online na Área de Pedagogia</a>
</object>
</div>
<div style="text-align: right;">
<span style="font-size: xx-small;">Widget by <a href="http://dicashot.blogspot.com.br/2014/04/anuncio-flutuante-no-blogger-versao-3.html" target="_blank">DicasHot</a></span></div></div>
Tendo colado o código, substitua a parte destacada de azul pelo código do seu anúncio.Tendo feito isto está pronto!!!
Por favor, não tire os créditos do final do gadget.