Abrir enlace "Pop Up"

Sabemos que si al code simple de un link:
<a href="URL"> Link </a>
Le agregas "target="_blank""
<a href="URL" target="blank"> Link </a>
Este mismo se abrirá en una nueva pestaña, ¿no es así?
Bien, pero si queremos que este link se abra en una nueva ventana ¿?
No es tan complicado, pero tiene mas que un simple paso:
1er paso: Vamos a Plantilla / Edicion HTML / & allí buscamos {presiona dentro del cuadro del código} con CTRL +F la siguiente linea:
<head>
DEBAJO de ella pega el siguiente script:
<script>
function popUp(URL) {
day = new Date();
id = day.getTime();
eval(&quot;page&quot; + id + &quot; = window.open(URL, &#39;&quot; + id + &quot;&#39;, &#39;toolbar=0,scrollbars=0,location=0,statusbar=0,menubar=0,resizable=0,width=600,height=400,left = 212,top = 184&#39;);&quot;);
}
</script>
Cambia los valores que están marcados, los cuales hacen referencia al ancho & alto {width & height respectivamente} de la ventana que se abrirá & la ubicacion de la misma en tu blog {left & top}.
Ahora, coloquemos el link que nos guiara a la nueva ventana.
2do paso: Elige el lugar donde estará el link, en mi caso esta AQUI!. Una ves encontrado el lugar, coloca este code:
<a href="javascript:popUp('URL')"> NOMBRE DE TU LINK </a>
Bien, donde dice "URL" coloca la dirección de lo que quieres que se abra en nueva ventana & luego el nombre al link !♥~

NOTA:

Si tienes un blog abandonado, que no usas o de prueba, coloca alli tu c-box, reglas, texto o lo que quieras que contenga tu ventana & coloca la URL de ese blog!
Así tengo yo las reglas de publicidad, es un blog aparte con una plantilla clásica editada para que aparezca así al abrir el enlace "Pop Up"

11 comentarios:

  1. Hace un buen tiempo que queria saber ese código :D ahora solo toca resolver que tamaño darle a la plantilla clásica ....

    Muchas gracias melo...!

    ResponderEliminar
  2. Nya~Gracias por el tutorial lo necesitaba^^
    ~Saludos & kisses

    ResponderEliminar
  3. Yo ya lo sabia pero igual muchas gracias por el tuto ^^

    ResponderEliminar
  4. muchas gracias por este genial tutorial! *-* me puede servir mucho a Futuro.

    ResponderEliminar
  5. muy bueno el tutorial, gracias por el ^^

    ResponderEliminar
  6. ¡Muchísimas gracias Mel! Lo que me va a servir esto!

    ResponderEliminar
  7. Me encanto :33 pero nose en que usarlo
    <3 ya te dije por chat

    ResponderEliminar
  8. Hola podrias hacer el tutorial de como poner ese cartelito que haz puesto en la esquina de tu blog que aparece automaticamente y que luego le pones cerrar y no aparece mas? bueno gracias y besos

    ResponderEliminar
  9. Me será muy útil para cuando quiera poner alguna noticia importante gracias por el tutorial ^__^

    ResponderEliminar
  10. me encantó, es muy útil para ahorrar espacio en el blog, me gusta ^__^

    ResponderEliminar