Comment insérer des liens et des ancres sur Overblog

Pour faire suite à l'article de Lydie, voici la manip. qu'il faut réaliser pour insérer des liens sur les articles d'over-blog avec la nouvelle plateforme.

Tout d'abord, vous avez pu le remarquer avec la nouvelle plateforme, votre article ou votre page est segmentée en plusieurs sections. Il y a des sections texte, image, citation, lien, audio, etc ...

rajouter un segment spécifique

Comme sur la photo ci dessous, cliquez sur l'icone verte et collez à l'emplacement l'adresse du lien.
Une fois validé vous pouvez choisir avec ou sans vignette (photo) qui pourra d'ailleurs être sélectionnée parmi les 5 premières du lien et avec ou sans les premières phrases du lien.

avantage: rapide et look agréable

inconvénient: ça coupe votre texte et c'est compliqué si vous le rajoutez après la saisie car il faut recommencer un autre onglet texte par la suite et saisir une nouvelle fois le texte.

Ca donne un visuel ressemblant à ça:

dans un article dans une section "texte"

C'est quand vous rédigez votre paragraphe avec la première icone "texte" qui est en fait une version simplifiée.

D'ailleurs la réalisation du lien est elle aussi simplifiée.

Vous surlignez le texte (ou une photo) auquel vous désirez rajouter un lien puis:

1: vous cliquez sur le fronton de votre section sur le symbole infini: ∞

2: un pop-up s'ouvre alors et vous collez à l'emplacement prévu l'adresse du lien avec un copié-collé

Conseil: cochez la case "ouvrir dans une nouvelle fenêtre" pour que vos internautes ne perdent pas le fil de votre article.

Info: vous pouvez modifier par la suite ce lien en mettant votre curseur sur cette partie et en recliquant sur le symbome "infini'

dans un article dans une section "mise en page"

C'est le 2eme segment en violet que l'on peut créer. C'est assez similaire au premier sauf qu'il y a là beaucoup plus de choix dans la fonctionnalité de la mise en page.

A noter une section texte peut être transformer en "mise en page" mais pas l'inverse mais attention les liens créés perdent leur statut "dans une nouvelle fenêtre", il faudra donc les remodifier.

2eme info: sur ce menu, vous n'avez pas de correcteur d'orthographe disponible.

D'abord vous sélectionnez la partie que vous désirez mettre en lien (texte et ou photo collée) puis:

1: on clique sur l'icone lien (toujours le symbole ∞)

2: sur le pop-up qui vient de s'ouvrir, on colle l'adresse du lien

3: on clique sur l'onglet "cible" du pop-up

4: dans le menu déroulant, on sélectionne "une nouvelle fenêtre"

5: on valide

Comme pour le choix 2, nous pouvons modifier ce lien en re-cliquant sur le symbole infini.

Comment faire un lien vers un endroit spécifique sur un article?

Dans les modes d'emploi over-blog et les forums, on ne trouve pas la procédure pour utiliser les ancres sur cette plateforme ... alors j'ai creusé et j'ai trouvé.

A quoi ça sert ?

Des fois votre page ou votre article peut être long et si le lien envoi toujours vers le haut d'un article, votre lecteur aura peut être du mal à trouver la partie qui l’intéresse. Ici le but est de faire un lien vers un endroit précis de l'article.

Un exemple?

Et bien si je veux renvoyer le lecteur vers la fiche du rosier 'summer wine'.
Si je renvois à un lien classique comme ici, vous arrivez en haut de la page et vous devez redescendre (et craquer au passage sur tous les rosiers présentés) ... pas très agréable.

Mais si vous avez mis une "ancre" vous arrivez directement au bon endroit comme ici. Oh que c'est agréable.

Comment ça marche ?

Vous devez d'abord rajouter à l'article cible du lien une ancre. Vous pouvez le faire facilement en le rajoutant au texte à l'endroit où vous le désirez en cliquant sur le bandeau haut du segment symbolisé par un drapeau.

Puis vous pouvez inscrire le texte que vous desirez. A noter les espaces, ponctuations et symboles marchent mais évitez d'en abuser car ils ne sont pas reconnus dans toutes les langues.

Vous pouvez en faire autant que vous désirez sur un article. A ce jour sur le site il y en a 300 rien que pour les rosiers. Vous ne les voyez pas mais ils sont très agréables à la navigation.

Maintenant que votre ancre est créée, vous pouvez renvoyer le lien vers cet emplacement. Comment faire ? Tout simplement en rajoutant à la fin de l'adresse web de l'article # et le nom de l'ancre.

Exemple: www.plaisir-jardin.com/adressedelarticle#nomdelancre

Cela donc donne ça pour notre rosier 'Summer Wine':
http://www.plaisir-jardin.com/les-rosiers-en-s-de-sp-a-sz#rosier summer wine

Et voilà :-)

Bon blogging