Necesito Ayuda con Código para Anuncio Flotante en Blogger

traviezo · 9 Mar 2012

buen día a toda las personas de fB. bueno necesito de su ayuda con un codigo que intente colocar en mi blogger y no lo logro, miren esta web Enlace eliminado se ve un anuncio flotante de smowtion intente sacar el codigo pero no flota el anuncio

este es el codigo que intente sacar

<div id='myDIV'>
<div id='imgcx2' style='float:left;position:absolute;margin-left:125px;margin-top:15px;display:none;'>
<img alt='Cerrar' border='0' onClick='closebar(); return false' src='http://1.bp.blogspot.com/_R1XTRPLf8nM/TLZ8eua2kkI/AAAAAAAAM4M/GhRGzYB4AGg/s1600/pelistotal.png' title='Cerrar'/>
</div>
<div style='float:right;position:absolute;margin-left:25px;margin-top:35px;'>
<img alt='Cerrar' border='0' id='imgcx' onmouseover='document.getElementById('imgcx').style.display = 'none';document.getElementById('imgcx2').style.display = 'block';' src='http://1.bp.blogspot.com/_R1XTRPLf8nM/TLZ8eua2kkI/AAAAAAAAM4M/GhRGzYB4AGg/s1600/pelistotal.png' title='Cerrar'/>
</div>
<iframe allowTransparency='true' frameborder='0' scrolling='no' src='http://irreveren.tv/senor-de-los-anillos.html' style='border:none; overflow:hidden; width:728px; height:90px'></iframe>
</div>
<script type="text/javascript">
if (window.jstiming) window.jstiming.load.tick('widgetJsBefore');
</script>

Porfavor alguien que me pueda ayudar que funcione como en ese blog😛7:

enviciado · 9 Mar 2012

Si quieres puedo intentar lograr el efecto con jQuery...
Con un fadeIn y un FadeOut quedaria lindo 😛

Osea se aparece de transparente a solido y se desaparece de solido a transparente 🙂

leoncito · 9 Mar 2012

aqui el codigo :

PHP:

</script><script type='text/javascript'>
$(document).ready(function() {
var $sidebar = $("#cajaflotante"),
$window = $(window),
offset = $sidebar.offset(),
topPadding = 65;
$window.scroll(function() {
if ($window.scrollTop() > offset.top) {
$sidebar.stop().animate({
marginTop: $window.scrollTop() - offset.top + topPadding
});
} else {
$sidebar.stop().animate({
marginTop: 0
});
}
});
});
</script>
<script type='text/javascript'>
if (window.jstiming) window.jstiming.load.tick('headEnd');
</script>
<head>
<style>
 div#myDIV
{
width:728px;
height:90px;
left:60px;
top:220px;
position:fixed;
}
</style><script type="text/javascript">(function(){var a;var b=navigator.userAgent;a=-1!=b.indexOf("Mobile")&&-1!=b.indexOf("WebKit")&&-1==b.indexOf("iPad")||-1!=b.indexOf("Opera Mini")?!0:!1;if(a){var c;a:{var d=window.location.href,e=d.split("?");switch(e.length){case 1:c=d+"?m=1";break a;case 2:c=0<=e[1].search("(^|&)m=")?null:d+"&m=1";break a;default:c=null}}c&&window.location.replace(c)};})();
</script><script type="text/javascript">
if (window.jstiming) window.jstiming.load.tick('headEnd');
</script></head>
</head>

<div id='myDIV'>
<div id='imgcx2' style='float:left;position:absolute;margin-left:125px;margin-top:15px;display:none;'>
<img alt='Cerrar' border='0' onClick='closebar(); return false' src='http://1.bp.blogspot.com/_R1XTRPLf8nM/TLZ8eua2kkI/AAAAAAAAM4M/GhRGzYB4AGg/s1600/pelistotal.png' title='Cerrar'/>
</div>
<div style='float:right;position:absolute;margin-left:25px;margin-top:35px;'>
<img alt='Cerrar' border='0' id='imgcx' onmouseover='document.getElementById('imgcx').style.display = 'none';document.getElementById('imgcx2').style.display = 'block';' src='http://1.bp.blogspot.com/_R1XTRPLf8nM/TLZ8eua2kkI/AAAAAAAAM4M/GhRGzYB4AGg/s1600/pelistotal.png' title='Cerrar'/>
</div>
<iframe allowTransparency='true' frameborder='0' scrolling='no' src='http://irreveren.tv/senor-de-los-anillos.html' style='border:none; overflow:hidden; width:728px; height:90px'></iframe>
</div>
<script type="text/javascript">
if (window.jstiming) window.jstiming.load.tick('widgetJsBefore');
</script><script type="text/javascript" src="http://www.blogger.com/static/v1/widgets/2724124874-widgets.js"></script>
<script type='text/javascript'></script>
</body>
</html>
<script type='text/javascript'>
var persistclose=0
function closebar(){
if (persistclose)
document.cookie="remainclosed=1"
document.getElementById("myDIV").style.visibility="hidden"
}
</script>
<script type="text/javascript">
    function setAttributeOnload(object, attribute, val) {
      if(window.addEventListener) {
        window.addEventListener("load",
          function(){ object[attribute] = val; }, false);
      } else {
        window.attachEvent('onload', function(){ object[attribute] = val; });
      }
    }
  </script>

Cosas para cambiar o personalizar la caja flotante

PHP:

<style> 
 div#myDIV 
{ 
width:728px; 
height:90px; 
left:60px; 
top:220px; 
position:fixed; 
}

en el style 728x90
cambialo segun tu publicidad o banner, aviso, etc

Estos codigos son libres y no van en contra de los derechos de autor

Hola aqui te dejo uno codigo que usaba antes en mi blog
este es otro parecido aver si te gusta

PHP:

<style>
<!--
#postit{width:300px; height:100px; padding:5px; position:absolute; background-color:yellow; border:1px solid black; visibility:hidden; z-index:50; cursor:hand; color: #000;}
-->
</style>

<div id="postit" style="left:200px;top:50px">
<div align="right"><b><a href="javascript:closeit()"><font face="Arial" size="1">[CERRAR]</font> <img valign="middle" src="http://1.bp.blogspot.com/_R1XTRPLf8nM/TLZ8eua2kkI/AAAAAAAAM4M/GhRGzYB4AGg/s1600/pelistotal.png"/></a></b></div>

<!--AQUI VA EL MENSAJE-->
<br/>
Aquí va lo que quieras que se muestre cuando alguien ingrese a tu blog.
<a href="http://forobeta.com">ForoBETA</a>

<!--FIN DEL MENSAJE-->


<script>

//Post-it only once per browser session? (0=no, 1=yes)
//Specifying 0 will cause postit to display every time page is loaded
var once_per_browser=0

///No need to edit beyond here///

var ns4=document.layers
var ie4=document.all
var ns6=document.getElementById&&!document.all

if (ns4)
crossobj=document.layers.postit
else if (ie4||ns6)
crossobj=ns6? document.getElementById("postit") : document.all.postit


function closeit(){
if (ie4||ns6)
crossobj.style.visibility="hidden"
else if (ns4)
crossobj.visibility="hide"
}

function get_cookie4(Name) {
var search = Name + "="
var returnvalue = "";
if (document.cookie4.length > 0) {
offset = document.cookie4.indexOf(search)
if (offset != -1) { // if cookie4 exists
offset += search.length
// set index of beginning of value
end = document.cookie4.indexOf(";", offset);
// set index of end of cookie4 value
if (end == -1)
 end = document.cookie4.length;
returnvalue=unescape(document.cookie4.substring(offset, end))
}
}
return returnvalue;
}

function showornot(){
if (get_cookie4('postdisplay')==''){
showit()
document.cookie4="postdisplay=yes"
}
}

function showit(){
if (ie4||ns6)
crossobj.style.visibility="visible"
else if (ns4)
crossobj.visibility="show"
}

if (once_per_browser)
showornot()
else
showit()


</script>

<script language="JavaScript1.2">

//drag drop function for ie4+ and NS6////
/////////////////////////////////

function drag_drop(e){
if (ie4&&dragapproved){
crossobj.style.left=tempx+event.clientX-offsetx
crossobj.style.top=tempy+event.clientY-offsety
return false
}
else if (ns6&&dragapproved){
crossobj.style.left=tempx+e.clientX-offsetx
crossobj.style.top=tempy+e.clientY-offsety
return false
}
}

function initializedrag(e){
if (ie4&&event.srcElement.id=="postit"||ns6&&e.target.id=="postit"){
offsetx=ie4? event.clientX : e.clientX
offsety=ie4? event.clientY : e.clientY

tempx=parseInt(crossobj.style.left)
tempy=parseInt(crossobj.style.top)

dragapproved=true
document.onmousemove=drag_drop
}
}
document.onmousedown=initializedrag
document.onmouseup=new Function("dragapproved=false")

</script></div><div class="clear"/></div>

traviezo · 11 Mar 2012

la verdad que no me funciono pero de todos modos gracias intentare hacer que funcione

Scattercito · 12 Mar 2012

mira este ejemplo si te sirve entonces tienes que usar lo que dice aqui

Necesito Ayuda con Código para Anuncio Flotante en Blogger

traviezo

enviciado

leoncito

traviezo

Scattercito

Temas similares