mardi 8 novembre 2011

Insérer un gadget Image

Afin d'enjoliver et personnaliser son blog, nous avons souvent envie d'ajouter des images dans une colonne latérale.
L'opération est très simple et rapide.

Le point de départ est bien évidemment le menu Mise en page [1].
Ensuite à l'intérieur de la représentation de la page du blog, il suffit de cliquer sur le lien Ajouter un gadget [2] à l'endroit où nous désirons l'insérer. Cela peut être une colonne comme un pied de page par exemple.

S'ouvre ensuite une nouvelle fenêtre qui nous permet de sélectionner le gadget désiré. En l'occurrence ici, nous désirons insérer une Image. Il suffit de cliquer sur le petit + [1] à côté :

La fenêtre qui suit est celle du paramétrage de ce gadget Image :
Il suffit de mettre un titre [1] à ce gadget, une légende [2]. Le titre se positionne en haut et la légende en bas de l'image.

Le champ Associer [3] est intéressant car il permet de réaliser une image cliquable, c'est à dire renvoyant vers le lien mentionné.

Le champ Image [4] permet de sélectionner l'origine de l'image (sur votre ordinateur ou sur le net).
Ensuite on enregistre [5] cette configuration puis la disposition (cf bouton du 1er écran).

A+

Mise à jour 2013 : depuis quelques temps, le titre est obligatoire dans ce gadget, ce qui peut être déplaisant dans certaines configurations. Il est possible de s'en sortir en saisissant les caractères :
<!-- -->
dans le champ de saisie.

46 commentaires:

  1. Bonjour est-il possible de constituer un diaporama à partir de l'ordinateur sans passer par picasa ?

    Sinon pourriez vous me communiquer le lien pour le faire avec picasa car je ne parviens pas à le retrouver.
    merci pour vos conseils.Par exemple comment associer un lien internet avec un mot du texte, c'est extra. J'en use et abuse.

    merci

    RépondreSupprimer
  2. Salut à toi, en parlant d'image... Est-il possible d'ajouter des galeries de photos sur Blogger ??

    RépondreSupprimer
  3. Tout d'abord, un enOOrme merci pour toutes ces astuces qui, personnellement, m'ont rendu de tres grands services, c'est absolument genial et vos explications sont hypers explicites ! Alors ma question est de savoir comment procéder pr installer un diaporama sur mon blog ? Une fois que la fenêtre s'ouvre j'ai "source", "url du flux" etc et j'avoue que je ne sais pas du tout ce qu'il me faut indiquer. J'aimerai en effet insérer des photos issues de mes images (sur mon pc) et faire un joli diapo des mes animaux.
    Pouvez vs me venir en aide ?
    Merci infiniment
    A tres bientôt

    RépondreSupprimer
  4. Bonsoir,

    Voilà je rencontre un petit soucis lors de l' utilisation de ce gadget je pense que vous allez pouvoir m' aider. J' ai apparement dépacé mon cotat d' images( voici le message de blogger : "Vous avez dépassé votre quota de transfert de photos. " ), est il possible d' en supprimer, ou comment peut on y remédier ???

    Amicalement

    caroline

    RépondreSupprimer
  5. Bonjour Caroline,
    Vous pouvez acheter de l'espace supplémentaire pour un prix modique :
    http://mestrucspourblogger.blogspot.com/2010/05/depasser-son-quota-de-photos.html
    ou tout simplement lier votre blog à un compte G+ où là vous n'aurez plus de souci :
    http://mestrucspourblogger.blogspot.com/2011/07/une-capacite-de-stockage-presque.html

    RépondreSupprimer
  6. Bonjour,

    J'ai essayer de créer un lien entre une image du logo facebook précedemment enregistrée sur mon ordi et d'associer à l'image le lien vers la page facebook de mon blog mais ça ne fonctionne pas. Faut-il renseigner absolument le titre et la légende de l'image ? Ce que j'ai fais pourtant... Il y a une chose bizare, l'URL de ma page facebook commence par https, est-ce normal ? J'ai fait un copier coller de l'URL mais ça ne marche pas. Mon blog est un modèle dynamique "classic", est-ce compatible ? Merci d'avance pour votre aide !

    RépondreSupprimer
    Réponses
    1. Bonjour Sophie,
      Non, il n'y a pas besoin de titre et de légende.
      L'adresse https veut dire qu'elle est sécurisée (et par conséquent qu'il faut s'identifier pour y accéder). Par contre, je pense que vous devriez vous déconnecter de votre accès Facebook et donner l'adresse telle que la voit tout le monde.

      Supprimer
    2. Re Sophie,
      J'ai trouvé : le gadget Image n'est pas encore proposé sur Vue Dynamique.
      Il va vous falloir attendre encore un petit peu.

      Supprimer
  7. Ah bon c'est ça ! Merci en tous cas. Connaissez-vous un autre moyen de faire un lien entre le blog et la page facebook ? J'ai lu qu'une facebook box pouvait être intégrée mais je préférerais que le profil des "fans" ne soit pas visible, je trouve ça dissuasif...

    RépondreSupprimer
  8. Bonjour

    Peut-on ajouter un "target_blank" pour que le lien s'affiche dans une nouvelle fenetre.

    Si oui, où ? help !!

    merci d'avance

    RépondreSupprimer
  9. Bonjour !
    Est il possible de mettre deux images côte à côté dans la même colonne ou bien de réduire les espaces entre deux images ?
    Je voudrai faire comme sur ce blog avec les icones facebook, twitter ... : http://www.cherie-sheriff.com/blog/
    Merci pour toutes vos astuces :)

    RépondreSupprimer
  10. Salut, ton blog est super ! Je viens de débuter dans la création d'un blog et tu m'aides vraiment, merci !

    RépondreSupprimer
  11. Bonjour,
    Je desirerai mettre ce gadget image dans la colonne de gauche, mais entre deux titres de texte.
    Or le gadget se positionne automatiquement en haut de la colonne .
    Comment faire , merci
    http://amisdumusee-carnac.blogspot.com

    RépondreSupprimer
    Réponses
    1. Bonjour,
      Oui, il faut sélectionner le gadget et le déplacer par un glisser/déposer à l'endroit désiré.

      Supprimer
    2. Merci, mais j'avoue ne pas comprendre.
      Comment glisser déposer le gadget image selectionné entre deux titres de la colonne de gauche ?
      Il refuse obstinément de quitter sa place...
      http://amisdumusee-carnac.blogspot.com

      Supprimer
    3. Parce que votre gadget texte avec des liens en dessous est un seul bloc. Il faut que vous en fassiez 2 et au milieu vous pourrez alors déplacer votre image.

      Supprimer
    4. Mille mercis !
      Et à minuit 15, ça c'est de la super sympa assistance !

      Supprimer
  12. Salut Waldorf,j'ai rechercher sur votre blog avant d'ecrire ceci mais je n'ai pas trouvé.Alors ma question est-il possible dans gadjet(html,javasript)de poser des liens ou image dans la page d'accueil,mais que se soit pas les meme image dans mes pages onglets, autrement que je puisse inserer dautre image diferente de celle de laccueil.Ouff jespere que vous comprennez ma question et merci de l'aide bye

    RépondreSupprimer
  13. Bonjour!!!
    Je rencontre quelques problèmes sur Blogger et impossible de trouver une solution sur les forums!! Si quelqu'un peut m'aider ça serait super!!!
    Voilà je voudrais mettre des images dans mes titres (plus précisement des images jpeg avec des titres fait sur photoshop avec des polices que j'ai téléchargé, pour que mes titres soient différents à chaque fois et beaucoup plus gros)
    J'ai essayé de nombreuses techniques :
    - upload l'image sur photobucket pour prendre le code HTML et le copier dans la barre de titre (cela marche dans l'aperçu l'image s'upload mais pas sur mon vrai blog)
    - ajouter un gadget image tel que vous l'avez expliqué dans cet article mais celui ci ne s'affiche pas sur mon blog (et je voudrai en plus que l'image soit différente à chaque article)

    Voila j'éspère que quelqu'un peut m'aider je suis désespérée :(

    Merci!!!!

    Éléo

    RépondreSupprimer
  14. Bonjour ! et merci pour votre Blog avec toutes ses infos et astuces.
    Depuis plusieurs semaines si je veux insérer une photo ou vidéo dans un message je ne peux plus le faire via mon ordi ou périfériques, mais uniquement via Picassa,Internet, phone, adresse url...Avant cela était possible plus maintenant. Est ce normal ?
    Ce n'est pas vraiment pratique. Merci de me donner des solutions.

    RépondreSupprimer
    Réponses
    1. Bonjour,
      Oui le problème est connu. Il a été signalé sur ce blog http://mestrucspourblogger.blogspot.fr/2010/07/problemes-connus-en-instance-et-remedes.html dès le 04/01.

      Supprimer
  15. Bonjour, j'ai une petite question et j'espère beaucoup beaucoup que vous pourrez m'aidez.
    Ceci est exactement ce que je souhaite faire : insérer une image à laquelle j'aurais lier une adresse url menant à un article. Seulement, je souhaiterais le faire pour plusieurs images et articles liés, de manière à ce que les images défilent les unes après les autres et non, qu'elles soient les unes en dessous des autres. Comme une sorte de kaleidoscope ou de diaporama. Je souhaite pouvoir ainsi présenter les différents coups de coeur du blog.
    Pourriez-vous me dire comment faire ?
    Je l'avais vu fais sur un blog il y a quelque temps, donc je sais que c'est possible, mais je suis incapable de me rappeler où c'était.
    Merci beaucoup, beaucoup pour votre aide.

    RépondreSupprimer
  16. j aimerai savoir comment mettre une musique sur mon blog ?

    RépondreSupprimer
  17. Bonjour,

    encore et toujours je fais appel à tes services pour mon blog. Je cherche à ouvrir mon livre d'or dans une nouvelle fenêtre. J'ai le code pour cela mais si j'insère l'image, je ne peux plus le faire. Je n'ai d'ailleurs pas trouver modifier le code HTML dans mise en page, peut-être cette fonction n'existe plus?
    Bref je suis toujours aussi bébête !
    Un grand merci pour toutes tes aides. Heureusement qu'il y a des personnes comme toi sans quoi on serait tous vite désamparés.
    Amitiés
    Marie
    Au fait l'adresse du blog : http://ibildun.blogspot.com

    RépondreSupprimer
    Réponses
    1. Bonjour Marie,
      Si c'est le gadget Image dont tu te sers, il faut mettre le target="_blank"à la suite de l'adresse dans le lien Associer

      Supprimer
  18. Sur la nouvelle plate forme Blogger, où je dois aller pour ajouter l'interdiction du clic droit pour mes photos, car je ne trouve plus le tableau de bord où tout était écris et je suis complètement perdue, est-ce que je peux revenir à l'ancienne version que j'aimais beaucoup ?

    RépondreSupprimer
  19. Oups! après plusieurs heures de recherche j'ai enfin trouvé, merci et désolé du dérangement.

    RépondreSupprimer
  20. Je souhaite mettre une image mais depuis peu blogger oblige à mettre un titre. Or je ne veux pas mettre de titre. Pourquoi avant on pouvait laisser le champ libre et maintenant non ??????

    RépondreSupprimer
    Réponses
    1. Je relance également la remarque de Tanni Lou ! Je souhaiterai remodeler mon blog sauf que maintenant Blogger oblige à mettre un titre à l'image associé sauf que ça fait très moche ^^
      Je ne trouve pas d'autres réponses sur le net, Une astuce de votre côté peut-être ???
      HELP !

      Merci !

      Supprimer
    2. C'est ce que j'ai fait mais le point ça se voit et ça fait bizarre...Je ne comprend pas pourquoi Blogger oblige à faire ça :/
      Merci

      Supprimer
  21. J'ai même tenté avec un espace mais ça ne marche pas non plus.

    RépondreSupprimer
    Réponses
    1. Bon finalement j'ai trouvé ! Dans la barre "Titre", il faut copier ceci :
      Ca veut dire espace et plus rien n'apparait !

      Supprimer
    2. Bonjour Julie,
      Vous vouliez écrire &_n_b_s_p_; (en supprimant les espaces entre chaque lettre). Merci de votre concours.

      Supprimer
    3. Ah oui je suis bête ! ça n'apparait pas forcément ^^
      Alors je ne sais pas si c'est ce que vous proposez également mais moi c'est ce code iso là:&-#-3-2-; (sans les traits)

      Supprimer
    4. Bonjour, et merci pour toutes ces astuces ! Par contre, ça ne marche pas pour moi, ça se transforme en &#32 ou &nbsp, c'est bizarre !
      &#32 &#nbsp

      Supprimer
    5. Bonjour,
      J'ai modifié la fin du message afin de répondre à votre question.

      Supprimer
  22. merci pour ta petite mise à jour ! ça m'a sauvée !

    RépondreSupprimer
  23. Bonjour, je suis nouvelle sur blogger et j'aimerais intégréer un gadget image avec un lien. mais j'aimerais que lorsqu'on clique sur l'image le lien s'ouvre sur une nouvelle page ce qui permet de rester malgrès tout sur mon blog. Je n'arrive pas à trouver la solution, pouvez-vous m'aider ?

    RépondreSupprimer
  24. merci pour l'astuce du titre!! ça m'a permis d'integrer des libellés facilement sans avoir à saisir de code HTML ou autre merci!
    PS: ça marche aussi pour les rubriques (recherche, favoris, )

    RépondreSupprimer
  25. merci pour le code
    ça fait des semaines que j'essayais d'enlever les titres !!!!!!
    MERCIIIIIII

    RépondreSupprimer
  26. Ohhh merci infiniment !!! pour le code qui permet de ne rien mettre dans le titre de l'image !!!

    RépondreSupprimer
  27. bonjour, je souhaite lier le gadget contact blogger à une image : une enveloppe qui renverrait vers le gadget...

    Je cherche depuis des semaines et je ne trouve pas la solution !

    HELP

    RépondreSupprimer
  28. bonjour

    Merci beaucoup pour votre blog et ce post en particulier. J'aimerai pouvoir mettre plusieurs images avec liens vers mes différents réseaux cote à cote dans la colonne de droite.

    Comment faire ?

    RépondreSupprimer

Merci de prendre note des messages d'annonce en une du blog.
Et d'adresser vos questions sur notre
Communauté des Utilisateurs de Blogger hébergée sur Google+.

LinkWithin

Related Posts with Thumbnails