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

Harry Fernández

Delta

Social Media

Verificación en dos pasos activada

Verificado por Whatsapp

• 17 Dic 2013

• #1

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

Zeta

Diseñador

Verificación en dos pasos activada

Verificado por Whatsapp

• 17 Dic 2013

• #2

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

Un saludos.

 

Harry Fernández

Delta

Social Media

Verificación en dos pasos activada

Verificado por Whatsapp

• 17 Dic 2013

• #3

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

 

J

j4iber

Zeta

SEO

• 17 Dic 2013

• #4

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

 

Harry Fernández

Delta

Social Media

Verificación en dos pasos activada

Verificado por Whatsapp

• 18 Dic 2013

• #5

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.

 

J

juanlaberto

Beta

¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!

• 18 Dic 2013

• #6

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

 

Última edición: 18 Dic 2013

F

Fmendez

Beta

¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!

• 18 Dic 2013

• #7

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

Hacer clic para expandir...

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

Delta

Social Media

Verificación en dos pasos activada

Verificado por Whatsapp

• 18 Dic 2013

• #8

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!

 

J

juanlaberto

Beta

¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!

• 18 Dic 2013

• #9

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

 

Harry Fernández

Delta

Social Media

Verificación en dos pasos activada

Verificado por Whatsapp

• 20 Dic 2013

• #10

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

 

J

juanlaberto

Beta

¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!

• 20 Dic 2013

• #11

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&amp;wmode=transparent" frameborder="0" allowfullscreen></iframe>

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

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

 

Última edición: 20 Dic 2013