Ouvrir automatiquement les liens externes dans une nouvelle fenêtre

Voici un simple petit script qui va ouvrir automatiquement tous les liens externes à votre blog dans une nouvelle fenêtre (ou un nouvel onglet).
Vous n'aurez plus à ajouter manuellement des target="_blank" à chaque fois que vous voulez qu'un lien s'ouvre dans une nouvelle fenêtre.

Le code

Très simple, il suffit de copier ces lignes dans le code HTML de votre blog juste avant </head> :
<script language='javascript'>
var leblogger = "votreblog.blogspot.com";
var script = "javascript:void(0);";
var lebloggerad = "doubleclick.com";
var lebloggerfeed = "feedproxy.google.com";
function leblogger0() {
var leblogger00;
if (document.getElementsByTagName('a')) {
for (var i = 0; (leblogger00 = document.getElementsByTagName('a')[i]); i++ ) {
if (
leblogger00.href.indexOf(leblogger) == -1 &amp;&amp;
leblogger00.href.indexOf(script) == -1 &amp;&amp;
leblogger00.href.indexOf(lebloggerfeed) == -1 &amp;&amp;
leblogger00.href.indexOf(lebloggerad) == -1
){
leblogger00.setAttribute('target', '_blank');
}}}}
window.onload = function() {
leblogger0();
}
</script>
Remplacez votreblog.blogspot.com par l'adresse de votre Blog. (Attention! Il faut tous mettre en minuscule !)

Explication

Au chargement du code HTML du blog par le navigateur, le script va analyser toutes les balises <A> et ajouter un target="_blank" si la destination du lien est différente de celle que vous avez indiqué dans le script. Simple !

J'ai ajouté des exceptions pour que le script ne modifie pas les liens Adsense et Feedburner.
56 Commentaires
Francine à dit :

Bonjour Soufiane !
Merci pour cette super astuce ! Jusqu'à présent j'ajoutais le target="blank"manuellement après chaque lien vers l'extérieur; je n'aurais plus à le faire dorénavant. J'ai testé le script : ça marche dans mon blog.
Bon dimanche à toi

Vilvirt à dit :

Bravo pour ce lien ! Encore une fois ça tombe à pic, c'est exactement ce que je recherchais. J'adore ton blog !

Greg à dit :

merci, un vrai plus bigrement efficace ! :)

Vanhoucke à dit :

Bonjour, c'est bien utile, merci.

Soufiane à dit :

Merci tout le monde pour les commentaires

Arnaud à dit :

Ah, merci Sofiane, voilà une astuce bien pratique!

Moi aussi, j'ajoutais jusqu'à présent le code manuellement, ça va faire un vrai gain de temps!

Basto à dit :

Slt Soufiane, ça fonctionne pas sur mon blog

FANTASTIQUE, ca manquait vraiment. Je vais l installer de suite .Merci pour l astuce.Anne

Julien à dit :

Je l'ai installé hier et ça marchait bien, aujourd'hui ça ne marche plus ...

Basto à dit :

+1 avec Julien

Julien à dit :

Aujourd'hui ça remarche ...

Basto à dit :

Fonctionne toujours pas

Soufiane à dit :

@Basto
Explique ?

Soufiane à dit :

@Julien
C'est pas logique rien n'a changé !

Basto à dit :

Slt Soufiane, sur mon dernier billet en date http://groovediggers.blogspot.com/2010/09/penitentiary-ii-1983-club-scene.html

le lien ne fonctionne pas, comme dans d'autres billets plus ancien.

Soufiane à dit :

Quel lien ?? Je ne vois pas de quoi tu parles ??

Basto à dit :

Le lien s intitule : Alfonzo Jones juste avant la vidéo Youtube

Julien à dit :

@Soufiane

Je te jure que c'est vrai, mais c'est bon ça marche correctement maintenant.

Basto à dit :

Toujours pas de solution ?

Basto à dit :

Salut Soufiane, ça fontionne toujours pas. Une explication peut être ? Merci

Anonyme à dit :

Merci pour le truc, excellent :)

Pourrais tu faire un billet sur comment masquer complètement un widget sur blogger ?

Thx.

Merci Soufiane ,et bravo pour ton blog

Oufti bon sang de bonsoir ! C'est génial de trouver des surprises comme ça en rentrant de vacances.
Je me demande pourquoi ils ne t'ont pas encore engagés chez Blogger ^_^
A bientôt pour d'autres ficelles aussi utiles. Grand merci.

MAMZOUKA à dit :

salut ca marche po chez moi je sais po j'ai installé le script comme il faut mais rien a changer . est ce que le problème et le template ???

MAMZOUKA à dit :

TJR RIEN ='(

a lire à dit :

soyer les bienvenu les ami ! http://cinehoom.blogspot.com

Merci beaucoup! Vous méritez au minimum un prix nobel!

Anonyme à dit :

Bonsoir,
pourquoi faut il rajouter des variables contenant leblogger?

ex "var leblogger = "votreblog.blogspot.com";
var script = "javascript:void(0);";
var lebloggerad = "doubleclick.com";
var lebloggerfeed "

merci

LeBlogger à dit :

Tu peux donner les noms que tu veux au variables !

Anonyme à dit :

D'accord
merci

lecteur depuis peu de ton blog, je confirme qu'il est très interessant...
j'aime beaucoup aussi ta charte graphique.

Soufiane à dit :

Merci c'sympa

Dommage de laisser des comms en anonyme

Korbak à dit :

Salut Soufiane , quand tu dis Remplacez votreblog.blogspot.com par l'adresse de votre Blog.


Dois-je commencer par Http://nomdublog.blogspot.com
ou directement " nomdublog.blogspot.com " sans le " http:// " devant ?

bruno à dit :

désolé pour le côté anonyme ;)

bruno

MAMZOUKA à dit :

merci pour votre réponse cé suffisante ^^

Lauren à dit :

Soufiane this is great. You are such a smartie :)

Soufiane à dit :

@MAMZOUKA
Je ne vois pas ce qui cloche !

Soufiane à dit :

@Lauren
Me smartie ?? Thanks but of course we can find those kind of books in any book or site ...

Rayon Bleu à dit :
Ce commentaire a été supprimé par l'auteur.
Rayon Bleu à dit :

Bonjour Soufiane !
Je rêvais de ce script et enfin il arrive et il marche pour moi !
J'avais d'abord oublié de mettre l'url de mon site et tous les liens s'ouvraient dans un autre onglet...
Super ! merci Soufiane...

Anonyme à dit :

DANS TOUS LES MESSAGES J'AI VUE CETTE PIÈCE THÉÂTRAL ENTRE TOI ET CETTE LAURENE LOoOoOL

Soufiane à dit :

@Anonyme
LOL

Melclalex à dit :

merci cela fonctionne très bien

LNE à dit :

Tout simplement génial et fonctionnel ! Merci !

Rimbus à dit :

Top ! merci pour l'astuce !

Merci beaucoup pour cette fonction :) Je vais juste ajouter que pour les nullisimes comme moi qui savent pas où se trouve le code HTLM du blog c'est dans "presentation" puis "modifier le code HTLM"...

Anonyme à dit :

Merci ça marche super !! =)

Julien à dit :

Nickel mec !
Merci beaucoup !

LE truc que je cherchais depuis un moment! Merci!

GENIAL !!!

un grand merci pour cette merveille !

merci soufian c genial ca marche tres bien
arab-got-talent.blogspot.com

Hector à dit :
Ce commentaire a été supprimé par l'auteur.
Hector à dit :

salut le script marche tres bien mais le probleme est que ca ouvre tous liens externes et internes de mon blog dans un nouvel onglet!!moi ce que je souhaite c'est que juste les liens de mes billets (le titre + l'image + le lien de l'ebook) s'ouvrent dans un nouvel onglet et pas tous liens de mon blog a savoir boutons de "numeros de pages" ou "home" "about" "contact" "haut de page" "bas de page" (liens internes, le visiteur doit rester dans l'onglet principal de mon blog et non pas sortir pour aller dans un nouvel onglet ). tu peux consulter mon blog www.systemista.blogspot.com

Cyrille à dit :

Soufiane, bonjour ! ça marche ! par contre c'est normal que si je clic sur un lien externe avant le chargement complet de ma page il ouvre le lien dans le même onglet ? je sais c'est un détail.... ;-)

I&amp;M à dit :

Merci, je te vénère ! Je crée un blog pour agence de com et c'était une condition obligatoire pour que ce soit blogspot l'hébergeur. J'ai toujours des soucis avec mon champs de recherche, qui ne trouve rien sur le blog, mais je vais trouver !

Anonyme à dit :

MECI MERCI MERCI MERCI :D

Stéphanie à dit :

Super ce script ! Merci beaucoup. Je n'y connais rien et j'avais du mal à m'y retrouver.

Copyright 2011 LeBlogger.com