Tutorial: Avaliação: Colocar publicidade sobre qualquer iframe com botão fechar

riqueza · 17/07/2016

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 · 17/07/2016

buen codigo lo probare a ver q tal

HeroBeta · 17/07/2016

Gracias buen post

riqueza · 17/07/2016

De nada amigo

H3CBL · 17/07/2016

Gracias por el aporte... es de buena utilidad :encouragement:

tavitooo · 17/07/2016

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

bysteros · 17/07/2016

Gracias por el aporte!!

Amenazzy · 17/07/2016

Lo leeré mas tarde

Crap · 17/07/2016

Muy bueno, gracias por el aporte:encouragement:

kingcopy · 17/07/2016

Exelente amigo

ferron2002 · 18/07/2016

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 · 18/07/2016

No me funciona el enlace, alguna otra opción para hacerlo que se muestre correctamente? Parece bueno el truco

chobo3 · 18/07/2016

gracias por el aporte..
mas tarde lo pruebo,,,

wmasterhelp · 26/07/2016

gracias por el aporte :encouragement:

Elinauta · 08/08/2016

excelente aporte

Siken · 17/11/2016

Alguien que lo tenga funcionando? el .js no va 😀

kj2 · 21/11/2016

Será cosa de preguntarle a [MENTION=9679]cicklow[/MENTION], ese código me parece que fue hecho por él 😛.

kj

Cicklow · 21/11/2016

Siken disse:
Alguien que lo tenga funcionando? el .js no va 😀

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 · 21/11/2016

kj2 disse:
Será cosa de preguntarle a [MENTION=9679]cicklow[/MENTION], ese código me parece que fue hecho por él 😛.

kj

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

kj2 · 21/11/2016

Del foro me sonaba, aunque tocó que al final cicklow si tenía el código del js.

kj

Tutorial: Avaliação: Colocar publicidade sobre qualquer iframe com botão fechar

riqueza

ferron2002

HeroBeta

riqueza

H3CBL

tavitooo

bysteros

Amenazzy

Crap

kingcopy

ferron2002

Doroteo78

chobo3

wmasterhelp

Elinauta

Siken

kj2

Cicklow

kanikase

kj2

Tópicos similares