Tutorial: Página de Confirmación de Salida: Código HTML y CSS

  • Autor Autor Angel Perales
  • Fecha de inicio Fecha de inicio
A

Angel Perales

Préstamo
Iota
Social Media
Bueno Amigos Quiero darles este código que encontré y lo cambie un poco


Funcionamiento:
Trata de que al presionar un enlace externo dentro de blog te mande a una pagina en la que pide dar click en un boton (por ejemplo) para ayudar al sitio.

Ejemplo:
pagina.webp

Pasos:

Agregaremos el plugin: "Better WordPress External Links"

Vamos a ajustes del plugin
( http://tublog/wp-admin/admin.php?page=bwp_ext_general )

Asi lo tengo yo:
Sin título.webp

Vamos hasta abajo a configurar lo siguiente "Displaying & Interacting Options"

captura3-3af9b94.webp

En la parte donde dice: "Prefix external links with" pones la opcion "A custom Url" , y en el campo de texto ponemos:

Ahora vamos a crear el archivo:
link.php
con el siguiente codigo:
HTML:
<?php
$link = $_GET['link'];
?>
<html>  
<head>
<link rel="StyleSheet" href="link.css" media="all" type="text/css">  
<script>
function disabletext(e){
return false
}
function reEnable(){
return true
}
document.onselectstart=new Function ("return false")
if (window.sidebar){
document.onmousedown=disabletext
document.onclick=reEnable
}
</script>  
</head>  
<body background="http://articlesbeauty.com/wp-content/uploads/2013/03/nlf_background.jpg">
<center>
<div class="box">
  <p><span style="color: #ffffff; font-size: large; font-family: 'comic sans ms';"><strong>Estas Saliendo de Zona Player</strong></span></p><p><span style="font-size: large; font-family: 'comic sans ms', sans-serif; color: #ffffff;">Quieres Ir a:</span></p>
  <p><span style="color: Red; font-size: large;"><?php echo $link; ?>'</p>
  <p>Todo El Contendido Visto y/o redactado en la web que solicitas no es de auditoria de ZonaPlayer</p>
  <p>Para Acceder Dale Click Al boton Enviar</p>


    <input name="Ir" type="submit" class="boton" id="Ir" onClick = "location='<?php echo $link; ?>'" "value="Ir"/>
  </p>
  </div>
</center> 
</form>  
</body> 
</html>

Bueno ese es Html Ahora Al CSS que es muy pobre Si quiere ayuda me mandan un MP ya que ahora ando un poco Tareado Por la escuela

Insertar CODE, HTML o PHP:
@charset "utf-8";
/* CSS Document */

.boton{  
        
        font-size:15px;
        font-family:Arial,Arial Black,Verdana;
        font-weight:bold;
        color:white;
        background:#638cb5;
        border:5px;
        width:120px;
        height:25px;
       }
.boton:hover{	   
 	  opacity: .7; 
	  filter:alpha(opacity=70);
	  }
	  
.box {
	border: 20px;
	width: 500px;
	height: 400px;

	}

Bueno eso Es todo espero y les Funcione Aqui Les dejo Un Demo

PD: El codigo Inicial Lo saque de Marcofbb - Noticias y Artículos Webmasters, Pero Yo lo Edite y juege Un poco con el
PD: el script sirve para que no puedan copiar nada del texto
 
Tutorial aprobado y agregado al listado, se agradece el aporte.
 
graciasss enserio 😛7:
 
Buenisimo :drunk:
 
muy bueno 😀 lo voy a implementar 😀 haber que tal va 😀
 
alguien sabe alguna manera de hacer esto pero sin plugin, y que sea para solo ciertos enlaces.
 
es amigable con Adsense?
 
Excelente, es justo lo que buscaba.
 
Es posible que este plugin no este funcionando en la ultima version de wp? Por que esta ignorando los enlaces
 
Nunca habia visto este tutorial, lo chequeare mas rato 😛
 
Exelente, muchas gracias por el aporte
 
Atrás
Arriba