G�rer Les Liens Externes Avec JQuery

Dans ce tutoriel, je vais vous montrer comment g�rer les liens externes de votre site web/blog en utilisant JQuery.
Apr�s l'ajout de ce script pour votre blog Blogger ou site web, tout lien externe s'ouvrira dans une nouvelle fen�tre et peuvent �tre identifier des autres liens.
Ceci est tr�s facile � faire et vous pouvez voir une d�mo ici.

G�rer Les Liens Externes Avec JQuery

Pour ajouter l'effet Jquery sur les liens externes de votre site suivez les �tapes indiqu�es ci-dessous :

1. Connectez vous � votre espace d'administration Blogger et allez �
"Pr�sentation" > "Modifier le code HTML"

2. Cherchez (avec CTRL+F) le mot : </head>

3. Copier le code ci-dessous et collez-le juste avant la balise </head>.

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>

<script type="text/javascript">
$(document).ready(function () {
        // ---- External Links ----------------------------------------------------------------------------------------------------
            $("a[href*='http://']:not([href*='"+location.hostname+"']),[href*='https://']:not([href*='"+location.hostname+"'])").attr("target","_blank").attr("title","Opens new window").addClass("external");
});
</script>

<style type="text/css">
.external{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSRl8-n5XATkkoFSW4RXflTDKsY9PmSUhBgYWz44MCZlJHg0nXmA_fQ7sfSIFDFVlnU7IeY-THi8QZOOy6ityUNY6S_wLuTwvjRmAKVflfqzn7Dybrac4-pWfYCsJbu5IiRlII0aavuSs/s1600/external_link.gif) top right no-repeat;padding-right:18px}
</style>

4. Enregistrez votre mod�le.

Maintenant, tous les liens externes pr�sent�s sur votre site/blog s'ouvrent dans des nouvelles fen�tres et peuvent �tre identifier des autres liens.

Label: Truc Et Astuces