Créer un Blog avec Blogger

Image cliquable

Comment rendre une image cliquable, cad réaliser un lien à partir d'une image

Pour faire une image cliquable qui renvoie vers ue adresse web (URL) il faut en principe  et en théorie utiliser ce code HTML dans le code source de l'article  (mode HTML), ce qui est d'abord expliqué
mais
une méthode utra simple existe, en bas de l'article...


<a href="ADRESSE_DU_LIEN_DE_DESTINATION" target="_blank"><img src="ADRESSE__DE_L'IMAGE" title="AFFICHAGE_AU_SURVOL_DE_L'IMAGE" /></a>

Comment faire ?

1-METHODE TRADITIONNELLE (en code html)


1-Insérer de manière classique une image dans votre article

2-puis en cliquant dans l'onglet HTML copier/coller le code correspondant à l'image insérée, ici:

<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-xswVys9ia-U/VHyw9G6gkmI/AAAAAAAAB3U/xcuKo0aIqXE/s1600/2014-12-01_191703.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/-xswVys9ia-U/VHyw9G6gkmI/AAAAAAAAB3U/xcuKo0aIqXE/s1600/2014-12-01_191703.png" /></a></div>
</div>
  
En fluo l'adresse de votre image dans le code source

vous souhaitez qu'en cliquant, on puisse se rendre sur le site web : http://www.helloasso.com/

3-vous devez utiliser  le code html d'image cliquable donné  dans le début de l'article et remplacer les éléments en fluo  comme indiqué :

<a href="ADRESSE_DU_LIEN_DE_DESTINATION" target="_blank"><img src="ADRESSE__DE_L'IMAGE" title="AFFICHAGE_AU_SURVOL_DE_L'IMAGE" /></a>

devient donc

<a href="http://www.helloasso.com/" target="_blank"><img src="http://3.bp.blogspot.com/-xswVys9ia-U/VHyw9G6gkmI/AAAAAAAAB3U/xcuKo0aIqXE/s1600/2014-12-01_191703.png" title="Site HelloAsso" /></a>

ce qui donnera sur l'article:




3-Coller en mode HTML ce nouveau code en remplacement de l'ancien


ASTUCE : préparer votre code html dans le bloc notes, d'abord copier coller

1-le modèle
<a href="ADRESSE_DU_LIEN_DE_DESTINATION" target="_blank"><img src="ADRESSE__DE_L'IMAGE" title="AFFICHAGE_AU_SURVOL_DE_L'IMAGE" /></a>

2- les 2 adresses à ajouter

3-Modifer dans le bloc notes puis copie  coller dans l'article de Blogger en mode HTML





2-METHODE SIMPLIFIEE


(donnée par Michel)
 Le blog ABC ECHECS



1- Insérer de manière classique l'image dans l'article

2- Cliquer sur cette image pour la sélectionner (elle devient bleue)

3- Cliquer sur "Associer"

4- La boîte de dialogue "Modifier le lien" s'affiche

(la répétition des 2 étapes précédentes est parfois nécessaire... pour qu'elle s'affiche)


5- copier le lien dans la zone "adresse Web"