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.
65 Commentaires
  1. 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

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

    RépondreSupprimer
  3. merci, un vrai plus bigrement efficace ! :)

    RépondreSupprimer
  4. Bonjour, c'est bien utile, merci.

    RépondreSupprimer
  5. Merci tout le monde pour les commentaires

    RépondreSupprimer
  6. 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!

    RépondreSupprimer
  7. Slt Soufiane, ça fonctionne pas sur mon blog

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

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

    RépondreSupprimer
  10. @Julien
    C'est pas logique rien n'a changé !

    RépondreSupprimer
  11. 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.

    RépondreSupprimer
  12. Quel lien ?? Je ne vois pas de quoi tu parles ??

    RépondreSupprimer
  13. Le lien s intitule : Alfonzo Jones juste avant la vidéo Youtube

    RépondreSupprimer
  14. @Soufiane

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

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

    RépondreSupprimer
  16. Merci pour le truc, excellent :)

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

    Thx.

    RépondreSupprimer
  17. 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.

    RépondreSupprimer
  18. 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 ???

    RépondreSupprimer
  19. soyer les bienvenu les ami ! http://cinehoom.blogspot.com

    RépondreSupprimer
  20. Merci beaucoup! Vous méritez au minimum un prix nobel!

    RépondreSupprimer
  21. 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

    RépondreSupprimer
  22. Tu peux donner les noms que tu veux au variables !

    RépondreSupprimer
  23. D'accord
    merci

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

    RépondreSupprimer
  24. Merci c'sympa

    Dommage de laisser des comms en anonyme

    RépondreSupprimer
  25. 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 ?

    RépondreSupprimer
  26. désolé pour le côté anonyme ;)

    bruno

    RépondreSupprimer
  27. merci pour votre réponse cé suffisante ^^

    RépondreSupprimer
  28. Soufiane this is great. You are such a smartie :)

    RépondreSupprimer
  29. @MAMZOUKA
    Je ne vois pas ce qui cloche !

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

    RépondreSupprimer
  31. Ce commentaire a été supprimé par l'auteur.

    RépondreSupprimer
  32. 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...

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

    RépondreSupprimer
  34. Tout simplement génial et fonctionnel ! Merci !

    RépondreSupprimer
  35. 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"...

    RépondreSupprimer
  36. Merci ça marche super !! =)

    RépondreSupprimer
  37. LE truc que je cherchais depuis un moment! Merci!

    RépondreSupprimer
  38. GENIAL !!!

    un grand merci pour cette merveille !

    RépondreSupprimer
  39. Ce commentaire a été supprimé par l'auteur.

    RépondreSupprimer
  40. 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

    RépondreSupprimer
  41. 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.... ;-)

    RépondreSupprimer
  42. 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 !

    RépondreSupprimer
  43. MECI MERCI MERCI MERCI :D

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

    RépondreSupprimer
  45. le script ne fonctionne plus avec la nouvelle en .fr. Tous les liens s'ouvrent dans un nouvel onglet maintenant.

    RépondreSupprimer
    Réponses
    1. Merci pour le rappel, je vais actualiser le contenu de l'article.

      Je ne suis pas sûr de comment reconnaître les extensions, manuellement ou via une petite fonction ?!

      Supprimer
  46. Merci soufiane,je me demandais comment faire et hop miracle,
    super site et expliquations simple meme pour les nuls comme moi.

    RépondreSupprimer
  47. Salut Soufiane, il faut modifier l'adresse du blog avec ".fr" ou ".be" maintenant que les extensions blogger ont changé, sinon toutes les pages même internes s'ouvrent dans une nouvelle fenêtre :)

    RépondreSupprimer
  48. Merci!!! Je cherchais un moyen pour ouvrir les "Pages Adresse Web" dans un nouvel onglet, ça marche impeccable!

    RépondreSupprimer
  49. Merci pour ce code qui marche . Mais j'aimerais moi aussi faire une exception avec un lien, comment m'y prendre (je n'y connais rien bien sûr!)
    Merci, à bientôt.

    RépondreSupprimer

Copyright 2015 Soufiane.fr