Crear botones con los marcadores favoritos del navegador

Crear botones con los marcadores favoritos del navegador

Una manía que tengo es que si algo en el ordenador o internet puedo hacerlo yo, lo prefiero antes que instalarme un programa o complemento que no se quien lo ha realizado o que ejecuta exactamente.

De las cosas sencillas, aunque también rudimentarias, que suelo hacer y mostrar,; una que ha gustado a cuantos la he mostrado, son los botones propios creado con los marcadores favoritos del navegador.

¿A que me refiero exactamente? Pues que modifico un marcador agregado en favoritos de modo que al pincharlo no me lleve a una página sin más, sino que ejecute un código javascript.

El código javascript es un tipo de código que siempre se ejecuta del lado del usuario, es decir, en nuestros navegadores. Aunque este código se utiliza comunmente al crear páginas web, lo que hacen es que se ejecute algo en el dispositivo de quien visita esa web.

Cualquier página agregada a favoritos, si pinchamos en ese marcador con el botón derecho, nos encontraremos con la opción de "EDITAR" (En firefox PROPIEDADES).

Bien pues lo que yo hago es modificar el título y la URL a la que me dirige ese marcador.

De este modo le añado códigos javascript y al pulsar ese botón se ejecuta ese código.

En el título o nombre del marcador escribo lo que hace ese botón y en la URL el código javascript.

Estos códigos son la mar de sencillos:
Por ejemplo, el botón de enviar a Linkedin:

• javascript:window.open('http://www.linkedin.com/cws/share?url='+location.href);

Que lo que hace es esto:

• javascript: <-- Llamada al código javascript.
• window.open(' <-- Abre una ventana.
• http://www.linkedin.com/cws/share?url= <-- Que ventana debe abrir.
• '+location.href); <-- Suma a la URL la página en la que estoy y se cierra el código.

Ahora cada vez que pulse este marcador abrirá el link de enviar a Linkedin la página que estoy viendo.

Estos botones pueden crearse de acuerdo a la imaginación de cada uno.

Prueba a modificar uno de los favoritos que tienes en tu navegador y a pulsarlo para ver como funciona.

Bien, como ya sabemos lo que hacen y como se construyen, pongo aquí unos ejemplos que me resultan de cierta utilidad por si alguien también los quiere utilizar:

Enviar a Twitter:
javascript:window.open('https://twitter.com/intent/tweet?text='+document.title+' '+location.href);

Enviar a facebook:
javascript:window.open('http://www.facebook.com/share.php?u='+location.href);

Traducir página de ingles a español
javascript:window.open('http://translate.google.com/translate?sl=en&tl=es&js=n&prev=_t&hl=es&ie=UTF-8&layout=2&eotf=1&u='+location.href);

Acortar URL
javascript:window.open('http://cortas.elpais.com/encode.pl?u='+location.href);

Convertir página en PDF
javascript:window.open('http://www.printfriendly.com/print/v2?url='+location.href);

Enviar a menéame
javascript:window.open('http://meneame.net/submit.php?url='+location.href);

Ahora algunos un poco más complejos... y divertidos.

Editar la página que estas viendo Este es simpático para realizar capturas de pantalla. Tras pincharlo te permite escribir y borrar en la página que estés viendo.

javascript:document.body.contentEditable='true'; document.designMode='on'; void 0

Seleccionar un texto y convertirlo en un archivo de audio que se puede descargar
javascript:(function(){d=document;f=d.createElement('form');d.body.appendChild(f);f.method='post';f.target='_blank';f.action='http://vozme.com/text2voice.php?bookmarklet=1&gn=ml&interface=full&default_language=es';t=d.createElement('input');t.name='text';t.type='hidden';t.value=(window.getSelection?window.getSelection():d.getSelection?d.getSelection():d.selection.createRange().text);if(t.value==''){alert('Selecciona un texto.');}else{f.appendChild(t);f.submit();}})()

Ver la web como lo hace la araña de un buscador
javascript:window.open('http://www.webconfs.com/search-engine-spider-simulator.php?submit=submit&url='+location.href);

Ver cuantas personas han compartido en google+ la web que estás viendo.
javascript:location.href='https://plus.google.com/u/0/ripple/details?url='+encodeURIComponent(location.href)

Seleccionar todos en facebook Este sirve para que al invitar a amigos a un evento o similar en facebook puedas seleccionarlos a todos con un clic (Pulsar y esperar unos segundos)

javascript:maxipubli=document.getElementsByName("checkableitems[]");for (i=0;i<maxipubli.length;i++){if (maxipubli[i].type="checkbox" )maxipubli[i].click()};

Como puedes ver no son difíciles de crear.

¿Se te ocurre alguno? deja el ejemplo en un comentario para que puedan aprovecharlo los demás.