PAPOTAGES EN VRAC

Un blog de nana mais pas trop quand-même. Des coups de coeur, des coups de gueule, de la FIMO, de la musique, des parrainages, des tutos, des livres, des tests...et oui, tout ça ! En vrac !

mardi 09 décembre

Mettre une image ou un bouton pour ses liens

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  (commecapture 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 !

Message déposé dans TUTORIELS - Commentaires [2] - Permalien [#]
Tags : , , , ,


Commentaires

    Ho mais, je sens qu'il y a une petite pro en devenir sur ce blog...c'est bien de toucher au html, je ne fais que comme ça, moi...
    bonne journée Mélusane, merci de ton passage chez moi...

    Posté par le Pierrot, vendredi 12 décembre à 06:56
  • Merci !

    Aaah merci, c'est parfait ! il me manquait le code exact à taper, grâce à toi c'est tout bon ! Merci pour le temps que tu as pris a expliquer tout ça

    Posté par indienagawika, mardi 20 août à 15:45

Laisser un commentaire