23 août 2010

(OverBlog) Créer un lien

Un lien est utilisé pour envoyer le visiteur vers un autre blog ou site, une autre page du blog, à un autre endroit de la même page...lorsqu'il clique dessus. Un lien peut être réalisé :

Sur un mot :

Il suffit d'écrire le mot, de le surligner avec la souris, et de cliquer sur Ajouter un lien dans la barre de menu de l'éditeur (1ère ligne de la barre de menu) : l'éditeur peut être en version basique ou avancée



Vous avez alors le choix entre :
  • lien vers un contenu externe à mon blog : vous saisissez directement l'adresse
  • lien vers un contenu du blog : les articles, pages, images, documents, albums et catéories s'affichent.
  • options avancées : c'est là que vous choisirez la destination du lien (même fenêtre ou autre)
On obtient : Les Nouvelles Ficelles d'Anna K

En HTML, ce lien s'écrit
<a href="http://les-nouvelles-ficelles-d-annak.blogspot.com/">Les Nouvelles Ficelles d'Anna K</a>
Si vous désirez que le lien s'ouvre dans une fenêtre, vous cliquez sur l'onglet destination et vous mettez Nouvelle fenêtre (_blank) pour obtenir
<a href="http://les-nouvelles-ficelles-d-annak.blogspot.com/" target="_blank">Les Nouvelles Ficelles d'Anna K</a>
Sur une image :

Les liens sur les images sont habituellement utilisés pour faire des Retour vers l'accueil et des menus.

Vous insérez une image dans un module Texte Libre

Vous cliquez sur l'image avec le clic gauche de la souris, elle est alors entourée de petits carrés blancs

Vous cliquez sur Ajoutez un lien dans l'éditeur (1ère ligne de la barre de menu) : édition basique ou avancée



Vous complétez avec l'URL de destination.
Dans mon exemple, la page d'accueil de ce blog : http://les-nouvelles-ficelles-d-annak.blogspot.com

Vous obtenez :



En HTML :
<a href="http://les-nouvelles-ficelles-d-annak.blogspot.com/"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEid71AaWwNpjnElBzqmLIaTkiIZNqttVEwYnAsKGeyCW73PkDPjRY8zt96LipjWJS27ozwE1qJIpBkU5o-eyJAPpC9DjbZT7YyvDY5TR4IO-hruDc1Ou1eq6E0_lkKA8znft-uGVe8cnKk/s1600/BRICOTAG.gif" /></a>
Si vous désirez que le lien s'ouvre dans une fenêtre, vous cliquez sur l'onglet destination et vous mettez Nouvelle fenêtre (_blank) pour obtenir
<a href="http://les-nouvelles-ficelles-d-annak.blogspot.com/" target="_blank"><img src="http://idata.over-blog.com/0/37/17/67/articles/ourson3.gif" /></a>
Et en CSS : (OverBlog) Modifier les liens

Les cas particuliers :
  1. Faire un lien sur une adresse mail
  2. Faire un lien sur une photo
  3. Faire un lien vers un endroit précis d'une autre page
  4. Faire un lien vers un endroit précis de la même page
  5. Faire un retour vers l'accueil
  6. Faire un retour vers le haut de page
  7. Faire un retour vers le haut de page avec un double-clic
  8. Faire un retour vers le haut de page fixe en bas d'écran

5 commentaires:

  1. Bonjour AnnaK?

    Comment faire un lien vers un fichier PDF, pour que les gens puissent imprimer?
    merci de ton aide, L'As

    RépondreSupprimer
  2. Je teste:
    les portes du souk
    ca marche !!!
    génial un gros et grans merci

    RépondreSupprimer
  3. Bonjour Annak, Je rencontre des problèmes avec mes liens sur mon blog. Lorsque je rédige un article sur différents sujets, j'aime fournir le ou les liens afin que les visiteurs puissent compléter mes infos. Mais voilà, mes liens sont inactifs. Je ne comprends pas comment les choses se sont produites, car tout fonctionnait correctement à une certaine époque... Merci pour ton aide.
    http://harmonia.messidor.over-blog.com/

    RépondreSupprimer
  4. Bonjour,

    Cette explication était valable sur l'ancien over blog mais pas sur le nouveau et je " nage ". Cordialement Henri Lamy

    RépondreSupprimer
  5. Merci beaucoup, je suis actuellement sur Over blog, et ton article m'a beaucoup aidé! ^_^

    RépondreSupprimer

1/ Choisissez Nom/URL comme profil pour poster, si vous hésitez
2/ Si vous désirez une aide personnalisée, pensez à laisser l'adresse de votre blog, ce qui me permettra de tester.
3/ Vous pouvez vous abonner par email pour suivre les réponses de cet article (lien sous la zone de rédaction du commentaire)