Tutorial: Calificación: Poner publicidad sobre cualquier iframe con boton cerrar

riqueza Seguir

Gamma
Verificación en dos pasos desactivada
Verificado por Whatsapp
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
7 Jun 2014
Mensajes
323
Buenos días usuarios de forobeta el dia de hoy les traigo este sencillo tutorial de como poner publicidad sobre cualquier iframe que tengan en su sitio sin la necesidad de estar editando cada entrada solamente ponemos este código y ponemos el código de nuestra publicidad y listo en automático detectara todos los iframes de nuestro sitio y pone la publicidad sobre el video y con un botón de cerrar que se mueve de lugar cuantas veces nosotros queramos sin mas les dejo los pasos:

1. Primero que nada debemos de ir a nuestro editor de plantillas y buscar <body> justo debajo de esta linea colocamos el siguiente código:
:welcoming:
Código:
<script type="text/javascript" src="a-bloggers.googlecode.com/svn/trunk/publicidad.js">
<script type="text/javascript">
var mover = true; //Se mueve o no se mueve el boton cerrar
var mueve = 2; // Número de veces que se mueve el botón cerrar
var recargar = true; //Se recarga o no el anuncio (true o false)
var segundos = 180; //Si se recargara, en cuantos segundos
window.onload = cicklow_XcVCCW;
</script>
<img src="a-bloggers.googlecode.com/svn/trunk/cerrar.png?" width="1" height="1" id="XcVCCW">
<div id="cod">
AQUÍ TU CÓDIGO DE PUBLICIDAD
</div>

Solamente debemos de recordar editar si el botón de cerrar se mueve o no, cuantas veces se mueve, si recargamos nuestra publicidad a cierto tiempo o no y cuantos segundos si es que recargamos nuestra publicidad, también cambiar "aqui tu codigo de publicidad" por nuestro script o iframe que nos a dado nuestra empresa de publicidad.
Ahora deberemos de añadir en nuestro style.css o en donde tengamos nuestro css del theme o diseño el siguiente código que es lo que le da el diseño a la ventana de publicidad que se muestra sobre cada iframe:

Código:
#cod{
display: none;
}
.cod{
position: absolute;
}
.cod div {
width: 300px;
height: 250px;
margin: auto;
background: #EEE;
}
#cerrar {
position: absolute;
width: 15px;
cursor: pointer;
}
#IDDIVIFRAME{
display: inline-block;
}

Ahora por ultimo solo debemos de colocar nuestro iframe dentro del siguiente div de esta manera:

Código:
<div id="IDDIVIFRAME">
<iframe width="800" height="500" src="https://www.youtube.com/embed/FHtvDA0W34I" frameborder="0" allowfullscreen></iframe>
</div>

y listo ya quedara nuestra publicidad dentro de cada iframe
 

ferron2002

Zeta
Verificación en dos pasos desactivada
Desde
7 Ago 2015
Mensajes
1.460
Por favor, ten en cuenta 📝 que si deseas hacer un trato 🤝 con este usuario, está baneado 🔒.
buen codigo lo probare a ver q tal
 

HeroBeta

Gamma
Redactor
Verificación en dos pasos desactivada
Desde
11 May 2016
Mensajes
248
Por favor, ten en cuenta 📝 que si deseas hacer un trato 🤝 con este usuario, está baneado 🔒.
Gracias buen post
 

riqueza

Gamma
Verificación en dos pasos desactivada
Verificado por Whatsapp
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
7 Jun 2014
Mensajes
323

H3CBL

Épsilon
Verificación en dos pasos activada
Verificado por Whatsapp
Desde
25 Ene 2015
Mensajes
899
Gracias por el aporte... es de buena utilidad :encouragement:
 
Última edición:

tavitooo

Eta
Verificado
Verificación en dos pasos activada
Verificado por Whatsapp
¡Ha verificado su Paypal!
Desde
4 Jun 2013
Mensajes
1.304
Del link inicial de donde jala js no carga la web por lo que imagino no cargara el js.!! este es el link a-bloggers.googlecode.com/svn/trunk/publicidad.js
 

Amenazzy

Gamma
Diseñador
Verificación en dos pasos desactivada
Desde
1 Jun 2016
Mensajes
377
Por favor, ten en cuenta 📝 que si deseas hacer un trato 🤝 con este usuario, está baneado 🔒.
Lo leeré mas tarde
 

Crap

Gamma
Verificación en dos pasos activada
Verificado por Whatsapp
Desde
25 Mar 2014
Mensajes
462
Muy bueno, gracias por el aporte:encouragement:
 

ferron2002

Zeta
Verificación en dos pasos desactivada
Desde
7 Ago 2015
Mensajes
1.460
Por favor, ten en cuenta 📝 que si deseas hacer un trato 🤝 con este usuario, está baneado 🔒.
EFECTIVAMENTE no funciona el publicidad.js

esta roto y el boton de cerrar tb

- - - Actualizado - - -

he conseguido el js pero sigue sin funcionar el anuncio no se muestra :( [MENTION=110269]riqueza[/MENTION]
 

Doroteo78

Iota
Verificación en dos pasos desactivada
Verificado por Whatsapp
Desde
30 Jun 2014
Mensajes
2.325
No me funciona el enlace, alguna otra opción para hacerlo que se muestre correctamente? Parece bueno el truco
 

wmasterhelp

Zeta
Verificación en dos pasos desactivada
Desde
5 Oct 2010
Mensajes
1.627
Por favor, ten en cuenta 📝 que si deseas hacer un trato 🤝 con este usuario, está baneado 🔒.
gracias por el aporte :encouragement:
 

Elinauta

Delta
Programador
Verificación en dos pasos desactivada
Desde
19 Abr 2014
Mensajes
619
Por favor, ten en cuenta 📝 que si deseas hacer un trato 🤝 con este usuario, está baneado 🔒.
excelente aporte
 

Siken

Delta
Diseñador
Verificación en dos pasos desactivada
Verificado por Whatsapp
Desde
11 Jul 2011
Mensajes
697
Alguien que lo tenga funcionando? el .js no va :D
 

kj2

Kappa
Verificación en dos pasos activada
¡Ha verificado su Paypal!
Verificado por Binance
Desde
1 Abr 2011
Mensajes
2.576
Será cosa de preguntarle a [MENTION=9679]cicklow[/MENTION], ese código me parece que fue hecho por él :p.

kj
 

Cicklow

Admin
Épsilon
Verificado
Verificación en dos pasos activada
Verificado por Whatsapp
¡Ha verificado su Paypal!
Suscripción a IA
Desde
30 May 2011
Mensajes
966
Alguien que lo tenga funcionando? el .js no va :D

PHP:
function cicklow_XcVCCW(){if(document.getElementById("XcVCCW")==null || document.getElementById("XcVCCW").offsetHeight<=0){$('#IDDIVIFRAME').css({width:$('#IDDIVIFRAME').find('iframe').attr('width'),height:$('#IDDIVIFRAME').find('iframe').attr('height')});}else{publicidad();}}function publicidad(){var $frm=$('#IDDIVIFRAME').find('iframe'),Mtop=$frm.attr('height')/2,x=0;Mtop=Mtop-125;$('#IDDIVIFRAME').css({width:$frm.attr('width'),height:$frm.attr('height')});$('#IDDIVIFRAME').html('<div class="cod" style="width:'+$frm.attr('width')+'px;height:'+$frm.attr('height')+'px"><div style="margin-top:'+Mtop+'px"><img alt="cerrar" id="cerrar" src="//a-bloggers.googlecode.com/svn/trunk/cerrar.png" title="Cerrar" style="margin:'+Math.floor(Math.random()*230+5)+'px 0 0 '+Math.floor(Math.random()*280+5)+'px"/>'+$('#cod').html()+'</div></div>'+$('#IDDIVIFRAME').html());if(mover){$('#cerrar').mouseover(function(){if(x==mueve){$(this).click(function(){$('.cod').fadeOut('fast');if(recargar){x=0;setTimeout(function(){$(".cod").css('display','block');$(this).css({marginTop:Math.floor(Math.random()*230+5),marginLeft:Math.floor(Math.random()*280+5)});},segundos*1000);}});}else{x++;$(this).animate({marginTop:Math.floor(Math.random()*230+5),marginLeft:Math.floor(Math.random()*280+5)});}});}else{$('#cerrar').click(function(){$('.cod').fadeOut('fast');if(recargar){setTimeout(function(){$(".cod").css('display','block');$(this).css({marginTop:Math.floor(Math.random()*230+5),marginLeft:Math.floor(Math.random()*280+5)});},segundos*1000);}});}}

http://web.archive.org/web/20160113125140/http://a-bloggers.googlecode.com/svn/trunk/cerrar.png
 

kanikase

Préstamo
Ómicron
Programador
Verificación en dos pasos activada
Verificado por Whatsapp
¡Ha verificado su Paypal!
Desde
22 Feb 2014
Mensajes
4.720
Será cosa de preguntarle a [MENTION=9679]cicklow[/MENTION], ese código me parece que fue hecho por él :p.

kj

Ese código es mío XD
"a-bloggers" = "Ayudar Bloggers", un blog que yo tenía... :neglected:
 

kj2

Kappa
Verificación en dos pasos activada
¡Ha verificado su Paypal!
Verificado por Binance
Desde
1 Abr 2011
Mensajes
2.576
Del foro me sonaba, aunque tocó que al final cicklow si tenía el código del js.

kj
 

¡Regístrate y comienza a ganar!

Beneficios

  • Gana dinero por participar
  • Gana dinero por recomendarnos
  • Descubre ofertas de empleo diariamente
  • Negocios seguros
  • ¡Información premium y más!

Acceder

¿Ya tienes una cuenta? Accede aquí

Arriba