Culino Versions

CV à partager sans modération

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 &raquo; target= »_blank »><img style= »float: left; » src=« http://storage.canalblog.com/34/59/678611/67330394_p.jpg &raquo; alt= »Logo Culino Versions » width= »118″ height= »150″ border= »0″ /></a><a href= »http://storage.canalblog.com/44/50/678611/67330361.jpg &raquo; 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 &raquo;

* 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,

Cenwen

Publicités

29 commentaires sur “Pour Canalblog

  1. kaderick
    13 août 2011

    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 ♥

  2. En effet ! Merci beaucoup pour cet énorme travail ! ça aidera celles et ceux qui ne manient pas (encore) très bien tous ces codes !

  3. Cenwen
    13 août 2011

    Tu sais très bien qu’une fois lancée…on a un peu de mal à m’arrêter! *rires*

    *coquelicote*

    Bisous ma Douce ♥

  4. Cenwen
    13 août 2011

    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

  5. culinoversions
    14 août 2011

    oui je sais bien!!! *rires*
    Le *coquelicotage* te vas très bien 🙂

  6. sophie
    17 août 2011

    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…

  7. culinoversions
    17 août 2011

    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 🙂

  8. sophie
    17 août 2011

    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…

  9. culinoversions
    17 août 2011

    c’est bien que tu ai trouvé et merci d’avoir posté la solution 🙂

  10. Cenwen
    17 août 2011

    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!

  11. culinoversions
    18 août 2011

    ô_Ô 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

  12. Rachel van Leendert
    3 septembre 2011

    Voilà le logo est bien placé! Merci à vous et bonne journée

  13. Lillise
    3 novembre 2011

    j’essai depuis hier de mettre le logo sous mon blog (overblog) et j’y arrive pas ! auriez-vous un tuto pour over blog ?

  14. kaderick
    3 novembre 2011

    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 🙂

  15. Aude34
    6 novembre 2011

    Un grand merci pour ce tuto qui m’a beaucoup aidé !
    Biz

  16. culinoversions
    7 novembre 2011

    avec plaisir 🙂

  17. sabineleg
    2 décembre 2011

    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

  18. kaderick
    2 décembre 2011

    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 🙂

  19. aurélie
    9 janvier 2013

    merci beaucoup pour ce tuto grace a votre aide j’ai enfin pue afficher mes partenaires
    sur mon blog 🙂

  20. chau7
    2 mars 2013

    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 ?

  21. Emlie
    25 avril 2013

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

  22. culinoversions
    29 avril 2013

    avec plaisir ces tutos sont là pour ça 🙂

  23. Princesse Prune
    26 juin 2013

    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.

  24. kaderick
    27 juin 2013

    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 :*

  25. Mrs Monkey
    15 juillet 2013

    Merci pour ce pas à pas, ça faisait des mois que je cherchais une solution à ce problème ! 🙂

  26. a
    6 décembre 2013

    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

  27. culinoversions
    9 décembre 2013

    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 !

  28. sylvie
    18 février 2014

    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

  29. aglibouly
    10 novembre 2014

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

Laisser un commentaire

Entrez vos coordonnées ci-dessous ou cliquez sur une icône pour vous connecter:

Logo WordPress.com

Vous commentez à l'aide de votre compte WordPress.com. Déconnexion / Changer )

Image Twitter

Vous commentez à l'aide de votre compte Twitter. Déconnexion / Changer )

Photo Facebook

Vous commentez à l'aide de votre compte Facebook. Déconnexion / Changer )

Photo Google+

Vous commentez à l'aide de votre compte Google+. Déconnexion / Changer )

Connexion à %s

%d blogueurs aiment cette page :