Mettre une image ou un bouton pour ses liens

Publié le 09 décembre 2008 par Melusane

En fouinant un peu partout sur le net, j'ai réussi à faire des modifications sympas pour améliorer le look de mon blog.
Moi qui n'était pas une grande pro de l'informatique, je sais aujourd'hui comment m'y prendre avec le langage html pour faire des trucs jolis et finalement pas si compliqués.
Alors j'ai décidé de partager ces petites astuces avec vous dans une nouvelle catégorie de tutoriels sur Canalblog que j'inaugure ici.

------------------------------------------------------------------------------------------

Vous avez vu que mes liens d'amis ne sont pas simplement notés mais apparaissent sous la forme de boutons  (comme vous pouvez le voir sur cette image à droite). Contrairement aux apparences, ce n'est pas sorcier alors, c'est parti !

Tout d'abord, vous devez créer votre bouton à votre goût. Personnellement, j'ai choisi de rester dans les couleurs des sites amis.

J'ai créé des boutons de taille identique sur PHOTOFILTRE (un logiciel gratuit très pratique et facile d'utilisation pour modifier photos, images, etc...). Evidemment, le bouton doit être plus petit que la largeur de votre colonne.

Une fois le bouton créé, il faut récupérer le code html de cette image: allez dans l'édition d'un message, faites "insertion image" - parcourir votre disque dur pour trouver l'image - sélectionner l'image - et envoyer.

L'image apparait dans le message. Il suffit alors de cliquer sur <> pour obtenir le code html.

Ne conserver que "http://adressedevotreimagesurlestoragedecanalblog"

Ensuite, vous allez dans Contenus - liens d'amis. A la place du titre du lien à ajouter, vous devrez mettre:

<img src="http://adressedevotreimagesurlestoragedecanalblog"border="0">

Enregistrez et voila pour ce premier tuto !

Merci à Demolite dont vous trouverez le site dans mes blogs en vrac !