Mettre un lien dans une image

By
Advertisement

Ma photo


Dans la liste des voeux, Manu avait laissé la question suivante :

Salut Rodney,

J'aimerai savoir si il y a un moyen de mettre un lien sur une image lorsque l'on rédige un nouveau message dans blogger.

Merci d'avance l'ami

Ma réponse est :

@ Manu : Après avoir mis l'image dans le message, pendant que tu est encore dans la page d'édition du message, tu clique sur l'onglet "modifier le code html" et tu cherche un code du genre :

<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOxG5yq7Ky-4142qAfg4Ze-JGXKesJosx7Robvf8HHm5UweEnqUJo9xU1QcYxAuZACu142paX6X61y3jRYIqlR0relFhFJ1JPlCPXHCedLh7k5mMwK3ljjWxYJfOS6hnX8GnUdbm-R7zk/s1600-h/6012.jpg"><img style="margin: 0px auto 10px; cursor: pointer; width: 140px; height: 213px; display: inline;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOxG5yq7Ky-4142qAfg4Ze-JGXKesJosx7Robvf8HHm5UweEnqUJo9xU1QcYxAuZACu142paX6X61y3jRYIqlR0relFhFJ1JPlCPXHCedLh7k5mMwK3ljjWxYJfOS6hnX8GnUdbm-R7zk/s320/6012.jpg" alt="" id="BLOGGER_PHOTO_ID_5245939815491659602" border="0" /></a>

Tu efface le contenu après <a jusqu'à ><img (voir la partie en gras).

A la place, tu met href="lien que tu veux", ce qui donnera :

<a href="lien que tu veux" ><img style="margin: 0px auto 10px; cursor: pointer; width: 140px; height: 213px; display: inline;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOxG5yq7Ky-4142qAfg4Ze-JGXKesJosx7Robvf8HHm5UweEnqUJo9xU1QcYxAuZACu142paX6X61y3jRYIqlR0relFhFJ1JPlCPXHCedLh7k5mMwK3ljjWxYJfOS6hnX8GnUdbm-R7zk/s320/6012.jpg" alt="" id="BLOGGER_PHOTO_ID_5245939815491659602" border="0" /></a>

Tu remplace lien que tu veux par l'url à laquelle tu veux renvoyer. Ainsi, ton image sera cliquable et conduira au lien que tu aura mis.

A+


12 commentaires:

  1. J'ai bien plus simple !
    Dans la page d'édition du message tu surligne ton image ensuite tu clique sur le lien et tu met ton adresse et c'est bon ! exemple : http://scoopower.tk

    RépondreSupprimer
  2. Merci Rodney, ton blog est un pur plaisir A+
    (ps: merci à toi aussi winapple)

    RépondreSupprimer
  3. ça marche impeccablement, Rodney. Merci.

    Par contre, je n'y arrive pas avec la méthode de Winapple : à chaque fois il ne m'affiche que l'image...

    RépondreSupprimer
  4. @ Christine :Pour la méthode de Winapple, il faut cliquer sur l'image dans son éditeur de message, ce qui fera apparaître des petits carré à chaque coin de celle-ci, puis cliquer sur le bouton vers pour faire un lien, mettre le lien et l'affaire est dans la poche.

    RépondreSupprimer
  5. Tu as reponse a tout mec. Genial ton blog, c'est pas la premiere que tu m'aides, et la reponse est LA ... direct,

    RépondreSupprimer
  6. Avec Windows Live Writer, qui est gratuit, on clique sur l’image et dans la colonne de droite on voit apparaître “Lier à” qui permet de relier l’image à l’URL de son choix.

    En prime, dans la rubrique “Bordures” on peut arrondir les coins de l’image, lui donner un reflet, etc.

    Dans la section “Avancé”, on peut modifier la taille de l’image, la faire pivoter, la rogner, l’incliner ou intégrer un texte choisi en filigrane.

    RépondreSupprimer
  7. @ MarieBo : Je m'en vais vite le télécharger.

    RépondreSupprimer
  8. chez moi ca ne marche que sur une image alors que dans ma page j'en ai une dizaine ?? comment faire

    RépondreSupprimer
  9. Bonjour Rodney,
    comment mettre une image (bouton) avec un lien sur l'image dans la partie gadget pour avoir la même disposition que sur mon Overblog:
    http://exitman.over-blog.com/

    Merci

    RépondreSupprimer
  10. Bonsoir Rodney
    je voudrais bien que tu me dises comment faire pour que mon blog soit plus attractif je reçois le w end environ 300 à 400 visiteurs et en semaine je tourne à 110 en fait que pourrais-je faire pour qu'il soit plus beau je comprend pas trop le html cela dit je vais bien être obligé de m y mettre lol je voudrais bien savoir ce que tu en penses
    merci
    http://cesoironvasemarrer.blogspot.com/

    RépondreSupprimer
  11. Pourquoi tes explications sont toujours claires ???
    encore merci

    RépondreSupprimer
  12. Salut ! Je voudrais mettre des images avec liens à la place de mes boutons "pages" > http://amuslinblouse.blogspot.fr/

    Merci d'avance si quelqu'un à une réponse !

    RépondreSupprimer

Salut Cher Lecteur.

Bien que les commentaires ne sont pas modérés en amont, ne perdez pas votre temps à mettre des commentaires sans aucun lien avec l'article. Ils seront effacés.

Ne venez surtout pas mettre des commentaires bidons pour promouvoir les sciences occultes ici (voyance, magie, etc.), vérifiez le blog, aucun commentaire de ce genre n'a résisté à la gomme de l'administrateur.

Bon, ceci étant dit, puissiez-vous respecter les lois de votre pays, les lois universelles ainsi que le bon sens en postant votre commentaire sur ce blog.

Remarque : Seul un membre de ce blog est autorisé à enregistrer un commentaire.

@ Blogger au bout du doigt. Fourni par Blogger.

SEO & REFERENCEMENT