Pour Canalblog
Mettre une image dans la colonne de liens
(Un petit tutoriel pour les Canalbloggueuses en Mode Normal)
Bonjour,
Vous voulez mettre le Logo de Culino Versions dans la colonne de liens de votre blog pour afficher fièrement votre participation à cette aventure gourmande ?
Rien de plus simple !
(Cliquez sur les images pour les agrandir!)
1) Allez dans votre espace d’Administration.
Ouvrez un message. Téléchargez votre image, taille 150 pixels. Ou si votre image est à la bonne taille, décocher les cases :
* Afficher l’image à la taille originale dans une nouvelle fenêtre
* Créer une miniature de l’image
2) Cliquez sur le mode « html ».
3) Sélectionnez le code de l’image. Copiez-le et surtout n’ayez pas peur 🙂 Validez « mettre à jour » pour fermer la fenêtre.
4) Collez le code source de l’image :
Puis récupérez le morceau de code qui nous intéresse. C’est celui que j’ai souligné en rouge !
<p><a href= »http://storage.canalblog.com/34/59/678611/67330394.jpg » target= »_blank »><img style= »float: left; » src=« http://storage.canalblog.com/34/59/678611/67330394_p.jpg » alt= »Logo Culino Versions » width= »118″ height= »150″ border= »0″ /></a><a href= »http://storage.canalblog.com/44/50/678611/67330361.jpg » target= »_blank »><br /></a></p>
5) Ouvrez ensuite l’onglet “Contenu –Liens d’Amis” :
* Dans le « Nom du site » vous allez coller l’adresse de votre image. Mais auparavant il faut ajouter :
<img
ce qui donne :
<img src=« http://storage.canalblog.com/34/59/678611/67330394_p.jpg »
* Dans « Adresse Internet (url) » vous mettez l’adresse du site.
6) Vous validez!
Et voilà!
Pour aller un peu plus loin :
Pour adapter le logo (ou l’image ) à la dimension votre colonne de blog :
1) il suffit de passer par photofiltre pour la mettre aux dimensions voulues. Auquel cas décochez les cases
* Afficher l’image à la taille originale dans une nouvelle fenêtre
* Créer une miniature de l’image
Centrez si vous le souhaitez, et suivez ensuite la procédure.
2) Vous pouvez aussi faire ces ajustements directement dans le pavé « html » en modifiant directement les codes suivants
de Vous pouvez aussi jouer sur la taille de l’image pour qu’elle soit aux bonnes dimensions par rapport à modifier les codes suivants : width= »118″ height= »150″ (width correspondant à la largeur et height à la hauteur !)
C’est à vous!
Cordialement,
29 commentaires sur “Pour Canalblog”
Laisser un commentaire
Logo
Logo photo
Classement de Culino Versions
Culino Versions 
C’est énorme Isa le boulot que tu viens de faire, c’est très bien expliqué et détaillé!!!
Si après ça, le logo n’est pas mis en place, ça sera de la mauvaise volonté!!!
Merci beaucoup pour ce tuto et pour ton investissement dans le projet 😉
bisous ma puce ♥
En effet ! Merci beaucoup pour cet énorme travail ! ça aidera celles et ceux qui ne manient pas (encore) très bien tous ces codes !
Tu sais très bien qu’une fois lancée…on a un peu de mal à m’arrêter! *rires*
*coquelicote*
Bisous ma Douce ♥
De rien 🙂 coder me lave la tête et me détend! 😉 J’adore ça, même si j’avoue que je préfère travailler en mode avancé plutôt que de bricoler des bouts de ficelles en mode normal! xD
oui je sais bien!!! *rires*
Le *coquelicotage* te vas très bien 🙂
Suis peut-être « bouchée » mais au point 4… vous dites de coller le code de l’image… mais où ?? sous l’image ?? de plus vous parlez du code complet et puis d’une partie du code, je ne vois pas très bien où va le code complet (code « 1 ») et le code en rouge (code « 2 ») chez moi le lien de se crée pas… juste un carré blanc avec une croix rouge…
Alors pour canalblog c’est Cenwen qui s’en occupes, donc je lui transmets ta question et elle viendra te répondre!!!
merci de repasser 🙂
Finalement j’ai trouvé un « tuto » qui donne une autre façon de faire…
http://forum.canalblog.com/jforum/posts/list/373.page
en mettant
en nom de site
au cas où ca pourrait servir à qq’un d’autre…
c’est bien que tu ai trouvé et merci d’avoir posté la solution 🙂
Coucou!:)
Askimet faisant trop bien son travail, il me bloque les explications avec les liens d’exemple, donc je vais faire court (dit la fille qui vient de taper une explication qui lui a pris plus de 20 minutes et qu’elle vient de mettre à la corbeille ô_Ô)
Tout d’abord, merci d’avoir cherché! Google est notre ami! 🙂
Ensuite, c’est exactement la même procédure, expliquée de manière différente, toute aussi utile, mais datant simplement d’avant la dernière mise à jour de la plateforme (en début d’année si je me souviens bien!) d’où la différence que l’on observe à l’intérieur du billet de stockage de l’image quand on bascule en mode html.
Bonne soirée:)
Bisous!
ô_Ô j’en suis désolé ma puce, tout ce travail pour rien ;-(
mais bon au moins on sait maintenant que Askimet fait bien son boulot!!!
Bisous et merci pour ton aide
Voilà le logo est bien placé! Merci à vous et bonne journée
j’essai depuis hier de mettre le logo sous mon blog (overblog) et j’y arrive pas ! auriez-vous un tuto pour over blog ?
On y travaille Lillise, autant Cenwen que moi n’ayant pas de blog sur cette plate forme, on a demandé qu’on nous explique comment faire, je t’envoie un mail en attendant que l’on fasses le tuto 🙂
Un grand merci pour ce tuto qui m’a beaucoup aidé !
Biz
avec plaisir 🙂
bonjours,je n’arrive pas a mettre le logo sur ma page d’accueil ,je suis sur over-blog
je vous remercie d’avance pour votre aide, bonne journée
bonjour Sabine, en effet le seul Tuto qu’il manque est celui de “Over blog”
J’ai eu une marche à suivre l’autre fois je vais essayer de la retrouver et de te l’envoyer par email 🙂
merci beaucoup pour ce tuto grace a votre aide j’ai enfin pue afficher mes partenaires
sur mon blog 🙂
J’ai un peu de peine à « transformer » le code Html… dans le code que j’obtiens, il y a des parties qui ne correspondent pas à celui que tu mets ici… Du coup, j’arrive à transformer la première partie qui est en rouge mais pas la suite ??? Pourrais-tu me donner un coup de main stp ?
MERCI pour ce tuto si simple!!! tu m’as bien sorti de l’arrachage de cheveux qui avait lieu
depuis 2 jours devant mon écran!!
avec plaisir ces tutos sont là pour ça 🙂
Bonjour,
je publie ma recette demain mais malheureusement impossible de mettre mon logo. Vous pourrez remarquer que j’ai déjà des logos dans la colonne de droite, j’utilisais cette méthode là avant. Mais depuis que j’ai utilisé le html pour intégrer mon logo Hellocoton, plus rien ne marche. Impossible de mettre un nouveau logo, et je peux vous dire que j’y ai passé des heures!
Alors est-il possible d’intégrer le logo en partant du html? (dans Apparences puis paramètres sur Canalbog).
Merci par avance.
je suis désolé de ne pas pouvoir répondre à ta question, si tu n’as pas pu l’installer en faisant la méthode cité au-dessus, je ne sais quoi te dire, je n’ai pas de blog sur Canalblog, je ne peux donc pas t’aider, mais peut-être pourrai tu demander de l’aide à canalblog directement vu qu’apparemment ça bloque avec d’autres logo !!! tiens moi au courant, bisous :*
Merci pour ce pas à pas, ça faisait des mois que je cherchais une solution à ce problème ! 🙂
bonjour, merci pour ce pas a pas =) j’ai reussi a mettre le logo mais impossible de le reduire… le logo ne ce voit donc pas entierement dans la colone comment faire svp ? mercii
Je suis vraiment désolé mais je ne sais pas comment on fait n’ayant pas de blog chez canalblog … il te faudrait demander a une blogueuse qui est chez canalblog plutôt !
merci mille cela fait deux heures que je chercher à insérer une image et grace à ton blog je viens de le faire !!!! Yes ! merci beaucoup pas moyen de trouver sur canalblog
Merci ++++ je cherchais à ajouter les logos de mes partenaires pour mon blog
c’est parfait très bon tuto en moins de 5 minutes c’était fait !!!