Blogger : Insérer une ancre⚓


Une fonction qui s'avère intéressante dans Blogger à la longue, surtout lorsque l'on a de longs messages : celle consistant à déposer des ancres.

Il s'agit tout simplement de liens qui facilitent la navigation dans le sens où l'on permet au lecteur de se déplacer vers une autre partie du message ou d'une page html.

Souvenez vous que le code HTML commence toujours par le symbole <; et finis par le symbole >.

Bien évidemment, on pense aussitôt au lien qui permet d'aller directement en bas de page (ou inversement de revenir en haut de page). Mais cela peut s'avérer tout aussi pratique lorsque l'on veut créer un sommaire avec un lien sur le titre renvoyant au développement de la partie correspondante.


Concrètement comment cela se passe ?

Dans l'onglet html de rédaction du message il faut entrer la syntaxe suivante :
< a href="#nom de l'ancre">départ : lien et messsage incitant à cliquer pour pointer vers votre ancre

                             
                             < a name="nom de l'ancre">destination : mot ou phrase                                                               vers lequel votre lien pointera </a >

Nous oublez pas d'ajouter les symbole : < et > pour le début et la fin.

Le code est dons comme ceci <a href="Texte" name="Nom de l'ancre"></a>


Lorsque l'on veut faire un lien vers une ancre se situant sur un autre message la syntaxe est pratiquement la même en prenant tout simplement la précaution de citer la bonne page html du message.
- Sur le message d'origine on mettra :
          
https://lenomdemonblog.blogspot.com/nomdesapage.html#nom de l'ancre
- Sur le message de destination, on mettra :

<a name="nom de l'ancre">destination : mot ou phrase vers lequel votre lien pointera</a>


Important : Si vous prenez les références d'un message qui est encore à l'état de Brouillon, vous devrez penser à corriger ses coordonnées une fois que cet article sera publié.

D'autre part, il est tout à fait possible de laisser une ancre vide. Ainsi dans l'exemple cité précédemment, un retour vers le top de la page peut être fait sur une zone vide. Et l'occurrence voici le code HTML de ma première ligne :


 <a href="" name="up"></a>


Commentaires

Posts les plus consultés de ce blog

Comment afficher les dossier "cacher" de Windows ??? (et vice-versa)

Comment crée un lien de téléchargement ???