{AYUDA} Necesito poner una publicidad sobre un reproductor pero en BLOGGER

Harry Fernández · 17 Dic 2013

Eh estado buscando este codigo para poner una publicidad sobre el reproductor y que se quite con facilidad dandole a cerrar.

ENCONTRE EL POST QUE HICIERON CON EL APORTE PERO AL PARECER SOLO FUNCIONA PARA WORDPRESS.

Buscando y buscando encontre un blogspot con el codigo pero no lo consigo. Alguien que pueda ayudarme y si sabe como sacarlo de el codigo fuente de la pagina, le puedo enviar el ejemplo por MP.

Gracias de ante mano.

Lopezito · 17 Dic 2013

Si no hay código, ¿cómo te ayudamos?

Un saludos.

Harry Fernández · 17 Dic 2013

Disculpa.

<div>
<div id="publicidad-video">
<IFRAME FRAMEBORDER="0" MARGINWIDTH="0" MARGINHEIGHT="0" SCROLLING="NO" WIDTH="300" HEIGHT="250" SRC="su publicidad"></IFRAME>
<br>
<div style="float: left; left: 180px; position: relative; top: -210px; z-index: 9999;">
<span class="jbtn" onmouseover="jQuery(this).hide('fast');jQuery('#asd1').show('slow')">cerrar</span>
</div>
<div id="asd1" style="display: none; float: left; position: relative; top: -65px; z-index: 9999;">
<span class="jbtn" onclick="jQuery(this).parent().parent().remove();">cerrar</span>
</div>
</div>
<iframe src="http://vk.com/video_ext.php?oid=198057043&id=164294950&hash=ca0131ef7fe7b297&hd=1" width="610" height="300" frameborder="0"></iframe>
</div>

Este es el codigo que encontre aqui mismo en forobeta. Pero a la hora de implementarlo en la pagina blogger, la publicidad se queda arriba y el video abajo.

Esta pagina lo tiene correctamente, pero creo que tiene todo alojado en hosting. Ver El Hobbit: La Desolación De Smaug (The Hobbit: The Desolation Of Smaug) (2013) Online Gratis | Descargar El Hobbit: La Desolación De Smaug (The Hobbit: The Desolation Of Smaug) (2013) Gratis | Descargar El Hobbit: La Desolación De Smaug (The Hobb

j4iber · 17 Dic 2013

Te doy un consejo, trabaja con iframes. Tienes que tener hosting para que tengas todo en el.

Harry Fernández · 18 Dic 2013

gracias por el consejo, pero eso no quita el hecho de que el codigo no permite que el anuncio se vea encima del video, si soluciono eso, lo otro ya seria facil.

juanlaberto · 18 Dic 2013

Código HTML:
<div id="publicidad-video">
<IFRAME FRAMEBORDER="0" MARGINWIDTH="0" MARGINHEIGHT="0" SCROLLING="NO" WIDTH="300" HEIGHT="250" SRC="http://yieldmanager.adbooth.net/st?ad_type=iframe&ad_size=300x250&section=4046667"></IFRAME>
<span class="cerrar" onmouseover="jQuery(this).hide('fast');jQuery('#mover').show('slow')">cerrar</span>
<div id="mover" style="display: none;"><span onclick="jQuery(this).parent().parent().remove();">cerrar</span></div>
</div>
<iframe src="http://vk.com/video_ext.php?oid=221953042&id=166395582&hash=cada3438dc3c0b22&hd=1" width="610" height="300" frameborder="0"></iframe>

CSS - Código HTML:
Ensima de ]]></b:skin> colocas esto
/**Publicidad sobre video**/
#publicidad-video{
position: absolute;
z-index: 1;
width: 300px;
height: 250px;
margin: 20px 0px 0px 160px;
}
.cerrar{
float: left;
left: 180px;
position: relative;
top: -210px;
z-index: 9999;
background: #A90000;
color: #fff;
border: 1px solid #fff;
border-radius: 3px;
padding: 2px;
cursor: pointer;
}
#mover{
float: left;
position: relative;
top: -65px;
z-index: 9999;
background: #A90000;
color: #fff;
border: 1px solid #fff;
border-radius: 3px;
padding: 2px;
cursor: pointer;
}
#mover:hover {
background: #F00;
}

Verlo aquí:
http://ceroceropeliculas.blogspot.com/2013/12/repro.html

Fmendez · 18 Dic 2013

AlexGT dijo:
Disculpa.

<div>
<div id="publicidad-video">
<IFRAME FRAMEBORDER="0" MARGINWIDTH="0" MARGINHEIGHT="0" SCROLLING="NO" WIDTH="300" HEIGHT="250" SRC="su publicidad"></IFRAME>
<br>
<div style="float: left; left: 180px; position: relative; top: -210px; z-index: 9999;">
<span class="jbtn" onmouseover="jQuery(this).hide('fast');jQuery('#asd1').show('slow')">cerrar</span>
</div>
<div id="asd1" style="display: none; float: left; position: relative; top: -65px; z-index: 9999;">
<span class="jbtn" onclick="jQuery(this).parent().parent().remove();">cerrar</span>
</div>
</div>
<iframe src="http://vk.com/video_ext.php?oid=198057043&id=164294950&hash=ca0131ef7fe7b297&hd=1" width="610" height="300" frameborder="0"></iframe>
</div>

Este es el codigo que encontre aqui mismo en forobeta. Pero a la hora de implementarlo en la pagina blogger, la publicidad se queda arriba y el video abajo.

Esta pagina lo tiene correctamente, pero creo que tiene todo alojado en hosting. Ver El Hobbit: La Desolación De Smaug (The Hobbit: The Desolation Of Smaug) (2013) Online Gratis | Descargar El Hobbit: La Desolación De Smaug (The Hobbit: The Desolation Of Smaug) (2013) Gratis | Descargar El Hobbit: La Desolación De Smaug (The Hobb

Este código está bien, no es q funcione para wordpress y no para blogger, lo q pasa es tienes q cambiarles los valores de la position relative según donde quieres q se posicione la publicidad.

Harry Fernández · 18 Dic 2013

Muchisimas gracias a ambos, juan te pasaste muchas gracias, creo que veo el error que cometi por medio de tu ejemplo. Les aviso si lo solucione.

---------- Post agregado el 18-dic-2013 hora: 22:03 ----------

Muchas gracias, funciona a la perfeccion. Ahora el problema es que uso adbooth cpa y no se como poner una imagen con link en formato iframe para poder ponerlo en el codigo de arriba, y lo otro es que en vez de cerrar me gustaria una X, a la izquierda, eso creo que puedo hacerlo, pero si alguno tiene una solucion a mano que no le tome tiempo, se lo voy agradecer inmensamente. Gracias ya por la ayuda que me han dado, lo extra esta demas. GRACIAS!

juanlaberto · 18 Dic 2013

Donde dice cerrar en el codigo colocas X en mayuscula, cerrar aparece dos veces. :encouragement:

Harry Fernández · 20 Dic 2013

Ya lo pude hacer todo, pero ahora la publicidad cuando son videos de youtube se queda detras, alguien sabe porque o como solucionarlo ?

juanlaberto · 20 Dic 2013

Aqui esta Alex

<div id="publicidad-video">
<script src="http://cdn.adbooth.net/src/js/min/adbooth_ajax.js?section=1000006113&width=300&height=250&channel=1&blank=0"></script>
<span class="cerrar" onmouseover="jQuery(this).hide('fast');jQuery('#mover').show('slow')">cerrar</span>
<div id="mover" style="display: none;"><span onclick="jQuery(this).parent().parent().remove();" >cerrar</span></div>
</div>
<iframe title="YouTube video player" width="640" height="390" src="http://www.youtube.com/embed/XSGBVzeBUbk?rel=0&wmode=transparent" frameborder="0" allowfullscreen></iframe>

Lo que pasa es que los videos de Youtube no tienen "transparencia" y hay que colocarle esta linea &wmode=transparent, ya ahi el codigo la tiene.

http://ceroceropeliculas.blogspot.com/2013/12/youtube.html