Insérer un lien dans un billet

Lundi 25 juin 2007 à 12h17 Blogger vous permet d'insérer du texte dans vos billets, mais il vous est également possible d'y insérer des liens vers d'autres sites internet. Blogger vous facilite la tâche, et nous vous l'expliquons ici. En quelques clics, apprenez à rendre vos pa

Dans un message, vous pouvez bien entendu insérer du texte, mais votre celui-ci en sera d'autant plus accrocheur pour vos lecteurs si vous rajoutez des liens vers d'autres sites internet ou des pages internes de votre blog.


Un hyperlien ou lien hypertexte ou simplement lien, est une référence dans un système hypertexte permettant de passer automatiquement d'un document consulté à un document lié. Un hyperlien a une source (ou origine) et une destination (ou cible). L'activation de l'élément source d'un hyperlien permet de passer automatiquement à sa destination. La source d'un hyperlien est généralement un élément (mots, phrases, images) d'un document hypertexte. La destination peut être un autre élément du même document, il s'agit alors d'un hyperlien interne au document. La destination peut également être un autre document, voire un élément précis d'un autre document. Certains systèmes hypertextes ne garantissent pas que la destination existe : dans ce cas on risque de suivre des hyperliens dits brisés, cassés ou morts.

Cette phrase (source) est un lien pointant vers la définition complète de cette notion sur Wikipedia (destination).



Insérer un lien hypertexte au sein de blogger


Dans un message que vous rédigez, il est possible d'insérer un lien hypertexte, c'est-à-dire un lien pointant vers un autre site internet.



Pour cela, il vous faut d'abord sélectionner le texte que vous voulez transformer en lien, puis de cliquer sur le bouton Associer.





Après avoir effectué ces 2 étapes, cette petite fenêtre apparaît.





Indiquez alors l'adresse du site vers lequel vous souhaitez que votre texte pointe dans le champ dédié puis cliquez sur le bouton OK.

La transformation de votre texte est alors immédiate et, comme tout lien hypertexte, celui-ci est souligné.




Après la publication de votre message, ce lien hypertexte reste souligné et actif.





Cliquez simplement dessus pour vérifier que tout fonctionne comme vous le souhaitez.

====Modifier votre lien pour qu'il s'ouvre dans une nouvelle fenêtre

Ouvrir le lien dans une nouvelle fenêtre


Vous l'avez sans doute constaté, lorsque vous cliquez sur un lien créé dans Blogger, la nouvelle page remplace votre page Blogger. C'est malheureusement un moyen très efficace pour perdre vos visiteurs qui, au gré de leur surf, oublieront qu'ils visitaient avant tout votre blog.

Blogger n'offre pas d'options vous permettant d'ouvrir le lien dans une nouvelle fenêtre ou un nouvel onglet, mais il existe une petite astuce.

Bien sûr, il y a la possibilité pour vos visiteurs d'appuyer sur la touche Control ou SHIFT de leur clavier avant de cliquer sur le lien pour l'ouvrir dans une nouvelle page, mais tous ne le savent pas.



Nous allons parler de code HTML mais rassurez-vous, il n'y a rien de bien compliqué.

Voici donc l'interface dans lequel nous rédigeons nos billets :



Vous êtes actuellement sous l'onglet Rédiger mais pour disposez de plus d'options dont celle que nous abordons ici, cliquez sur l'onglet Modifier le code HTML.





La phrase rédigée alors dans un français compréhensible le devient alors un peu moins - on vous l'accorde :




Le "Lien hypertexte" souligné devient alors :



Pour faire en sorte que ce lien hypertexte s'ouvre dans une nouvelle fenêtre, il faut que le code ci-dessus devienne le suivant :



On constate qu'il a été inséré à un endroit bien précis ce code très précis :

onclick="window.open(this.href);return false;"

Pour le code HTML, la syntaxe (l'ordre des mots), les espaces, l'emplacement, tout a son importance ! Il suffit d'une simple erreur, ou d'une omission apparemment sans importance pour que rien ne marche ! Soyez donc vigilants.



Voici ce à quoi notre phrase complète doit ressembler pour que une nouvelle fenêtre s'ouvre lorsque l'on clique sur un lien hypertexte de Blogger :



En ce qui concerne vos liens hypertextes, conservez quasiment cette phrase et remplacez http://www.memoclic.com/ par le site de votre choix, et lien hypertexte par le texte de votre choix.


Bienvenue dans l'univers amusant du code HTML !