Supprimer ou modifier un lien sur une image

Publié le 19 décembre 2009 par Myrtilled

Quand vous insérez une image dans un article, Blogger la redimensionne selon votre choix pour l'affichage (petit / moyen / grand) et crée un lien qui permet d'afficher l'image à sa taille réelle.
Ce lien n'est pas toujours pertinent, en particulier quand l'image est petite et ne nécessite pas d'être agrandie, et on peut vouloir le supprimer. On peut également préférer faire un lien vers un autre site, ou un autre article du blog.
Pour cela il suffit d'aller dans l'onglet "Modifier le code HTML".
Le code HTML généré est de la forme :
<a href="url-de-l'image-en-taille-réelle"><img src="url-de-l'image-redimensionnée"></a>
Pour supprimer le lien sur l'image, il suffit de supprimer tout le code entre <a href= et > sans oublier le </a> placé après la balise <img src= ... >.
Pour modifier le lien, il suffit de remplacer l'adresse de l'image en taille réelle par celle du site auquel on souhaite accéder en cliquant sur l'image.
Remarque : il faut un peu d'habitude pour retrouver ce code, Blogger rajoutant des chemins d'accès aux images avec des noms à rallonge et rajoutant quelques options à l'intérieur des balises <a> et <img>, mais on peut s'aider avec la fonction recherche (CTL F) sur le nom de l'image.
Pour les utilisateurs de l'ancienne version de l'éditeur Blogger :
L'ancien éditeur Blogger rajoute également à l'intérieur de la balise balise <img src= ... > une option cursor:pointer; qu'il faut supprimer. Sinon, même si le lien a été supprimé, le curseur continuera à changer de forme au passage de la souris sur l'image faisant croire qu'elle est "active".

<aonblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"href="http://2.bp.blogspot.com/_ImSsWG17-Bs/Sq4VmK3RXQI/AAAAAAAABFs/tDyzGxh5iF4/s1600-h/recette_quichecourgettes1.jpg"><imgstyle="cursor: pointer; width: 400px; height: 300px;"src="http://2.bp.blogspot.com/_ImSsWG17-Bs/Sq4VmK3RXQI/AAAAAAAABFs/tDyzGxh5iF4/s400/recette_quichecourgettes1.jpg"alt="" id="BLOGGER_PHOTO_ID_5381262350249712898" border="0"/></a>

(Tous mes tutorielssont dans l'index "informatique")