Image avec lien vers un site

But : Insérer une image et associer à cette image un lien vers un site web, en prenant garde que le site web s'ouvre dans une nouvelle fenêtre.

Exemple : Logo Google avec lien vers la page de Google.

Marche à suivre

• Insérer l'image du logo de Google dans le message BlogSpot, et associer à cette image un lien vers le site web de Google.
• Aller dans le code HTML du message
• Repérer la balise <a href="http:///www.google.fr"> spécifique de votre lien ( utiliser si besoin l'outil de recherche CTRL F)
• Et rajouter le paramètre target="_blank", à la balise <a ... >, ce qui donne
  <a target="_blank" href=http://www.google.fr/>

Complément

Il est intéressant d'afficher un message bulle lorsque la souris survole l'image.Le message indique une action, un commentaire. Par exemple, pour rajouter le commentaire "Clic pour afficher Google" lorsque l'internaute survole le logo Google, il faut intervenir dans le code HTML :

• Passer en mode HTML dans le message BlogSpot
• Repérer la balise <img ...> correspondant au logo que vous avez inséré
• Dans notre cas, c'est <img  height="117" src="........jpg" width="200" />
• Compléter comme suit :
  <img  title="Clic pour afficher Google" height="117" src="........jpg" width="200" />
• Le paramètre Title="..." permet l'affichage d'un commentaire.
• Revenir à "Rédiger", puis Publier le message et tester le survol du logo.