08 enero 2009

Abrir enlaces en otra ventana

I
nvestigando un poco sobre de como abrir los enlaces del blog en otra ventana encontré diferentes opciones, unas fácil y otras no tan fáciles, pero tratare de explicar lo más breve posible y así no tendrás de trabajar doble.


¡Recuerda! "GUARDAR SIEMPRE UNA COPIA DE TU PLANTILLA EN TU PC



Veamos el primer caso se trata de un truco de que vi en El Balcón de Jaime:

Es muy sencillo solo tienes que buscar el <head> y justo después pegar esto:

<base target="_blank" />

Guardas los cambios y listo.

Ahora vamos a la segunda explicación que nos da El Escaparate de Rosa:

Este se trata de que el usuario que navegue en el blog, elija si desea abrir los enlaces en otra ventana o no:

Tienes que copiar lo que sigue a continuación en el Blog de Nota o en WordPad y modificas lo que estas en negrita por nuestro datos:



<!--
/*
Link Target Preferences v.1.1
http://www.noscope.com/journal/2004/10/link-target-preferences
*/

// BEGIN Configuration
// estas URLs seran consideradas internas y se ignoraran
var url_1 = "http://MIBLOG.blogspot.com";
var url_2 = "http://www.google.com";

// Preferencia por defecto:
// El valor "true" abre los enlaces en nueva ventana por defecto, "false" los abre en la misma
var open_blank_default = true;

// Titulo Blog - se usa solo para no crear interfencian con las cookies
// No espacios, ni caracteres especiales

var site_title = "vistosbuenos";
// FIN configuracion

// Cookie Functions
function createCookie(name,value,days) {
if (days) {
var date = new Date();
date.setTime(date.getTime()+(days*24*60*60*1000));
var expires = "; expires="+date.toGMTString();
}
else var expires = "";
document.cookie = name+"="+value+expires+"; path=/";
}
function readCookie(name) {
var nameEQ = name + "=";
var ca = document.cookie.split(';');
for(var i=0;i < ca.length;i++) {
var c = ca[i];
while (c.charAt(0)==' ') c = c.substring(1,c.length);
if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
}
return null;
}
function eraseCookie(name) {
createCookie(name,"",-1);
}
// Checkbox Loader
function loadLinkPrefs () {
if (readCookie(site_title+"_linkprefs_cookie")) {
initVal = readCookie(site_title+"_linkprefs_cookie"); // Load cookied preference
} else {
createCookie(site_title+"_linkprefs_cookie", true, 20000)
initVal = open_blank_default; // If no cookie is set
}
openBlank = initVal;
setCheckbox(eval(initVal))
}
// Set Checkbox State
function setCheckbox(state) {
openBlank = state;
document.getElementById('linkprefs').checked = state;
setTargets();
createCookie(site_title+"_linkprefs_cookie", state, 20000)
}
// Configure Link Targets
function setTargets() {
var link, l = 0;
if (openBlank == true) {
while (link = document.links[l++]) {
// Open in _blank, except all links starting with...
if (link.href.indexOf(url_1) == -1 && link.href.indexOf(url_2) == -1 && link.href.indexOf('javascript') == -1) link.target = '_blank';
}
} else {
while (link = document.links[l++]) {
// Open in _top, except all links starting with...
if (link.href.indexOf(url_1) == -1 && link.href.indexOf(url_2) == -1 && link.href.indexOf('javascript') == -1) link.target = '_top';
}
}
}
// Event Listener, by Scott Andrew
function addEvent(obj, evType, fn) {
if (obj.addEventListener) {
obj.addEventListener(evType, fn, true);
return true;
} else if (obj.attachEvent) {
var r = obj.attachEvent('on'+evType, fn);
return r;
} else {
return false;
}
}
//-->

Luego de ya hechas las modificaciones correspondiente lo guardamos con este nombre linkprefs.js y luego se sube a un alojador y copiamos el URL.

<script src='URL_DEL_SCRIPT'></script>

Y lo colocamos justo ante de: </head>


Y para culminar se coloca esto en un elemento HTML/Javascript:**

<div class="linkprefs">
<p style="display: block;">
<input id="linkprefs" value="linkprefs" name="linkprefs" onclick="setCheckbox(document.getElementById('linkprefs').checked);" type="checkbox"/>
<label for="linkprefs" title="opciones de navegacion">Abrir enlaces externos en nueva ventana</label></p>
<span></span>
<script type="text/javascript">addEvent(window, 'load',loadLinkPrefs);</script>
</div>

**Nota: Esto se puede colocar en la plantilla sin necesidad de agregar un elemento puede ser en el <div id='sidebar-wrapper'> o <div id='header-wrapper'>, pero claro tienes que agregarlo entre estas etiquetas:

<div style='font-size:15px;color:#000000;position:relative;left:40px;bottom:5px;'> </div>


left:40px; >> Si disminuye hacia la izquierda y si aumentas hacia la derecha.
bottom:5px; >> Si aumentas sube y si disminuye baja.

Para ver otra opción ver aquí

18 comentarios:

  1. Hola no se donde hacerte esta pregunta y no encuetro un buscador en tu blog pero me gustaría poner lo de suscripciones de la columna de la derecha como tu, igual de claro y chulo, la foto en grande y las tres suscripciones a la derecha.
    He visto en sitios explicaciones pero es que no me entero... podrías hacer una entrada explicandolo como lo hicieste, sencillito paso a paso para gente como yo que somos muy novatos???
    Muchas gracias por tu blog, estoy cogiendo muchas ideas pero aun estoy de pruebas antes de publicarlo :) espero que algun dia puedas verlo

    ResponderEliminar
  2. Hola Menar! Claro que lo haré... Voy a tratar de ser lo más breve posible, ya que para hacer lo que tu dices hay que saber muchas cosas...

    Espera el post...!

    Saludos!

    ResponderEliminar
  3. Muchísimas gracias! esperare!
    :)

    ResponderEliminar
  4. Lo probaré, aunque recien cuando tenga la pc grande porque estoy con la notebook y me es incomodo para postear y sobre todo para trabajar con la plantilla.
    Excelente posteo, muy explicativo-
    Abrazos enormes

    ResponderEliminar
  5. Seguiré pasando por aqui, no creas que me he olvidado hahahaha

    ResponderEliminar
  6. Hola Marisol! Gracias... Saludos!

    Hola Menar! Estoy preparando el post... Tampoco me he olvidado... Es que últimamente el Internet ha estado mal... Discúlpame por hacerte esperar tanto...

    ResponderEliminar
  7. Bravo!!

    sobre la primera opcion, nunca pense encontrar una manera tan sencilla de abrir todos mis vículos en la pestaña de al lado, justo lo que tanto quería, pues no deseo que mis lectores abandonen mi sitio cuando navegan. Genial!!!

    Felicitaciones.

    Arbe.
    www.pianodocencia.blogspot.com

    ResponderEliminar
  8. Muchas gracias el primero es fasilisimo y para que mas.este es mi blogs:www.jonajuegos.blogspot.com

    ResponderEliminar
  9. ¡Hola Arbe de Lelis! Son fáciles... Gracias por tu visita. ¡Saludos!

    ¡Hola JRDelgado! A tí. ¡Saludos!

    ResponderEliminar
  10. Gracias por tu post, me fue muy bien con el primero. Buen trabajo !!!

    ResponderEliminar
  11. No tienes el codigo con el javascript dentro de la plantilla sin alojar en otros sitio.

    ResponderEliminar
  12. EXCELENTE!! Gracias, después de buscar e intentar en varios sitios sin éxito con la información dada, aquí encontré en forma My sencilla La Respuesta justa. Funcionó perfecto !! Gracias.

    ResponderEliminar
  13. Muchas gracias, me ha sido super útil (y fácil de aplicar!).

    Saludos.

    ResponderEliminar
  14. yuju!!!! muchas gracias por el tip!! me sirvio de mucho solo que cuando lo ingrese (el primer metodo) me abria en otra ventana TODOS los links de mi blog cuando solo keria k me abriera el contenido de los post en caso de tener algun enlace a otra pagina. lo que hice fue poner el codigo base target en la parte donde esta el div del main wrapper (div id='main-wrapper') y asi lo consegui!! gracias!!

    mira como kedo en http://hobbiemoney.blogspot.com

    ResponderEliminar
  15. Graciasssssssssssssssssssssssssss♥ Hice el primer paso como dijiste y salio!! Te mando un beso grande desde Argentina y gracias por ayudarnos a todos y tomarte el tiempo...saludos! =)

    ResponderEliminar
  16. Gracias, me sirvió mucho el primer método que mencionas, digamos el sencillo.

    ResponderEliminar
  17. ME llamo mastercracksam gracias por el gran aporte sigue asi y visiten mi blog

    http://todoparatupcgratis.blogspot.com/
    http://fullcrackeados.blogspot.com/
    http://unpocomasdeltodo.blogspot.com/
    http://mastercracksam.blogspot.com/

    ResponderEliminar
  18. muchas gracias por la información, genial y sencilla

    Saludos

    http//gimtaekwondohan.blogspot,com

    ResponderEliminar

¡Gracias por comentarme! No modero los comentarios porque me parece tentar contra la libertad de expresión de cada individuo, por eso le pido que no hacer comentarios con palabras obscenas, si vas a comentar como Anónimo por favor coloca tu nombre o cualquier apodo. ¡Gracias!