Tous les articles seront prochainement mis à jour.

Comment enlever la bordure des images sous Blogger ?

Hello girls ! Après avoir appris à réaliser et installer un menu sous Blogger, aujourd’hui, je vais vous apprendre comment enlever la bordure des images qu’on voit souvent dans les blogs sous Blogger. Des fois, c’est gênant, car contrairement à ce qu’on pourrait croire, ça ne met pas en valeur du tout les super belles photos qu’on peut voir dans certains blogs.  P

etite parenthèse pour dédicacer l’article à Elodie de Welcome To Roosywood. C’est une blogueuse belge que j’apprécie beaucoup, si vous ne la connaissez pas encore, croyez-moi, vous allez adorer ses articles, c’est une fille simple et super sympa. Vraiment, faîtes-moi plaisir, allez jeter un coup d’oeil, c’est par ici. Bon revenons à nos moutons… on parlait de comment supprimer la bordure des images qu’on peut voir sur Blogger. 001 Pour enlever cette bordure, il faut que vous allez dans l’administration de votre blog, ensuite, vous allez dans « Modèles », et ensuite, vous cliquez sur « Modifier le code html ». 002 Avant de commencer quoique ce soit, je vous conseille fortement de faire une sauvegarde de votre blog, en cliquant sur le bouton « Sauvegarder/Restaurer » (on ne le voit pas sur l’image, mais c’est tout en haut à droite). Voilà, une fois que la sauvegarde est faite, on peut aller voir le code html. Vous voyez le triangle noir sur la ligne 13, et bah cliquez dessus. 003 Du coup, on voit apparaître un code tout en bleu, en fait c’est ce qu’on appelle le code CSS, c’est le code qui permet de définir l’esthétique d’un blog; 004 Et dans ce code CSS justement, on va rechercher la partie qui est responsable de la bordure des images. Pour cela, il suffit de cliquer n’importe où sur le code, et vous appuyez sur les boutons Ctrl + F en même temps sur votre clavier. Et on voit une barre de recherche apparaître en haut à droite du cadre. Et dans cette barre de recherche, tapez post-body img, et vous appuyez sur la touche Entrer du clavier. 005 Ensuite, on voit apparaître les textes surlignés en jaune qui est le résultat de notre recherche. Après, on sélectionne la partie du texte que vous voyez surligné en bleu dans l’image du haut, et vous la supprimez. Mais attention, vous ne supprimez que ça ! Pas une ligne de plus ou de moins ! Car cela peut tout changer après. Une fois que c’est fait, vous prévisualisez le modèle et si c’est bon, vous l’enregistrez. Voici le résultat : plus de bordure. 006

Voilà, j’espère que ce tuto vous aura servi ! Si vous avez le moindre souci ou commentaire, n’hésitez pas à commenter ! 😀 A bientôt ! MinaSignature           besoin d'un nouveau design

63 Comments on Comment enlever la bordure des images sous Blogger ?

  1. Leslie Las Vegas
    15 mai 2014 at 16:03 (4 années ago)

    Ah génial, justement je cherchais un moyen de le faire. Merci!
    Bonne après-midi.
    Leslie

    Répondre
  2. Apoka-Lipstik
    15 mai 2014 at 17:50 (4 années ago)

    Merci pour l’astuce!!! Ça faisait des mois que je me posais cette question … comment enlever cette horrible bordure qui gâche tout 😀

    Répondre
  3. babiolliette
    15 mai 2014 at 22:17 (4 années ago)

    Je ne suis pas sur blogger mais sur overblog. J’ai déjà mis les mains dans le cambouis avec le code html, ton blog m’intéresse beaucoup. Très joli soit dit en passant.

    Répondre
  4. Bérengère in Wonderland
    17 mai 2014 at 20:21 (4 années ago)

    Je crois que ton blog va devenir mon meilleur ami !
    Ces bordures me cassaient les pieds et voilà qu’elles ont disparues ! Merci à toi pour ce conseil !

    Tendresse et baisers sucrés
    Bérengère in Wonderland

    Répondre
    • Mina
      19 mai 2014 at 19:40 (4 années ago)

      J’en suis ravie ! Bisous ! 😀

      Répondre
  5. tristane
    20 mai 2014 at 12:43 (4 années ago)

    Coucou,

    Merci pour tes astuces. 🙂
    je vais appliquer tes conseils sur mon blog.
    Ensuite il faudra que j’attaque la partie ( taille des photos)
    j’aimerai qu’elles aient toutes la même dimension.
    Je ne sais pas comment m’y prendre pour ça 🙁

    Répondre
  6. Laura Deci Delà
    25 mai 2014 at 08:15 (4 années ago)

    C’est juste parfait, comme d’habitude, très bon tuto et très bon conseil 🙂
    Merci Mina !

    Répondre
  7. Flavour Beans
    29 mai 2014 at 21:11 (3 années ago)

    Oh mais c’est génial ça, je viens juste de créer le mien et je me demandais justement si il y avait une alternative à cela. Je viens juste de découvrir ton blog, j’ai déjà ouvert plein de fenêtre avec différents articles, tu risques d’avoir pas mal de commentaires 😀 ! Ton blog est LE blog que je cherchais !

    Répondre
  8. Desires & Choices
    2 juin 2014 at 19:16 (3 années ago)

    Merci pour cette astuce c’est génial, je cherchais comment enlever cette bordure depuis des lustres.

    desiresandchoices.blogspot.com

    Répondre
  9. Claire
    6 juin 2014 at 14:00 (3 années ago)

    Ton blog est super ! Grâce à toi j’ai réussi à mettre un joli Favicon 😉
    Cependant, je n’arrive pas à enlever les bordures de mes images… je n’ai pas de petit triangle à la ligne 13 mais à la ligne 11 et je n’ai pas accès à la ligne 13 (je passe de 11 à 120). Et quand je fais Ctrl + F et que je tape post-body img je n’ai rien qui se met en jaune… :/
    Pourrais-tu venir à mon secours, je n’en peux plus de ces bordures !
    Merci encore pour tout ton travail 😉
    A bientôt !

    Répondre
    • Mina
      6 juin 2014 at 14:15 (3 années ago)

      Merciii ! 😀
      Je viens de faire un tour sur ton blog, et en fait, je pense que cela est dû au thème !
      Tu comptes garder ce thème ou le changer ? Je vais quand même me renseigner ! Et je te dirai ! 😉
      Je t’en prie et à bientôt ! 😀

      Répondre
      • Claire
        9 juin 2014 at 17:52 (3 années ago)

        Ah j’y avais pensé ouais… Oui je compte garder ce thême :/
        Merci bien 🙂

        Répondre
      • Claire
        21 juin 2014 at 19:25 (3 années ago)

        J’ai trouvé ce code CSS sur le net, pour l’affichage dynamique que j’utilise :
        img{
        box-shadow: none !important;
        padding: 0px !important;
        border: 0px !important;
        }

        Est-ce le bon? Je dois le rentrer dans Modèle – Personnaliser – Avancé – Ajouter CSS personnalisés ?
        J’ai peur de faire une bêtise :/

        Répondre
        • Mina
          22 juin 2014 at 15:16 (3 années ago)

          Je ne sais pas si c’est le bon, mais si tu mets ce code css, via Mise en Page > Avancé, il me semble que tu pourras supprimer après si ce n’est pas bon. Mais perso, je n’ai pas testé. :s

          Répondre
          • Claire
            26 juin 2014 at 19:44 (3 années ago)

            J’ai tenté le coup et ça marche !!
            Il faut placer ce code CSS via Mise En page – Avancé – Ajouter CSS personnalisé
            Puis faire entrer après la dernière ligne du code !
            Il permet de supprimer les bordures blanches mais seulement sur les articles écrit après l’ajout du code.
            Voilà pour toutes celles qui ont un affichage dynamique 😉

          • Mina
            26 juin 2014 at 19:49 (3 années ago)

            Ah super !! Merci du partage ! ça pourrait servir à quelqu’un ! 😉

        • desteniz
          29 juillet 2015 at 19:40 (2 années ago)

          i know u don’t know me and i don’t know u but u are amazing !!!

          u helped me here thanks 😀

          u really made my day thank u ^_^

          Répondre
  10. welcome-to-roosywood
    11 juin 2014 at 16:18 (3 années ago)

    Merci encore une fois pour toute l’aide que tu m’as apportée :)! Merci pour tes super articles, le temps que tu passes pour que nous « ignorante » :p nous puissions réaliser de jolis design..
    Et merci pour ta dédicace 🙂 je n’avais pas encore pris le temps de le faire.
    Plein de bisous !

    Répondre
  11. jesy
    15 juin 2014 at 14:18 (3 années ago)

    C’est normal que je ne trouve rien quand je tape post-body img dans la barre de recherche?

    Répondre
    • Mina
      15 juin 2014 at 20:11 (3 années ago)

      A mon avis, ça doit être à cause du thème ! Car, pour mon tuto, j’ai utilisé le thème Simple de Blogger ! 😉

      Répondre
      • angelasukoussumutsu
        19 juin 2014 at 20:49 (3 années ago)

        Moi c’est pareil je ne trouve pas post-body img 🙁

        Répondre
      • jesy
        23 juin 2014 at 20:35 (3 années ago)

        J’ai remis le thème simple de blogger et j’ai toujours rien :/

        Répondre
        • Mina
          24 juin 2014 at 00:23 (3 années ago)

          C’est bizarre ! Parce que je l’ai fait plusieurs fois pour plusieurs blogs et j’ai toujours réussi à le faire ! As-tu réessayer en faisant bien attention à chaque étape ?

          Répondre
          • jesy
            25 juin 2014 at 17:32 (3 années ago)

            Ah c’est bon, en effet j’avais oublier un truc, je suis vraiment désolé merci pour cet article et de ta patience ^^

  12. Arôme Jasmin
    17 juin 2014 at 17:05 (3 années ago)

    Bonjour sauveuse !!
    Comment dire… ça fait des heures que je cherche sur le net pour réussir à enlever ces bordures immondes qui me gâchent la vie !
    Et toi en quelques lignes claires et concises, tu as réussi à égayer ma journée !
    J’vais donc aller me ruer sur tes autres articles !!!!!

    Ah et…
    MERCI !!!!!! ♥♥♥♥♥

    Répondre
  13. marine - Be Unic
    18 juin 2014 at 22:31 (3 années ago)

    tu es MAGIQUE!! c’est le genre de tuto devant lequel tu désespère d’avance car ce qu’il se passe avec ton ordi c’est jamais ce qu’il se passe dans le tuto, mais la…. IMPEC’! oui du coup comme j’avais un pb de couleur de fond avec un autre thème, j’étais repassé à celui la, mais je n’aimais pas la bordure ombre.. bref plus de bordure, plus de pb! merci mina !

    Répondre
  14. jesy
    25 juin 2014 at 18:12 (3 années ago)

    Au faite je suis entrain de travailler sur ma bannière mais j’ai un petit soucis j’ai l’impression que quand je la met sur blogger elle deviens plus sombre par exemple avant j’en avais une blanche simple avec le nom de mon blog et quand je l’ai mise sur le blog la bannière devenais gris et j’ai donc essayer avec la bannière actuel qui est rose pastel a la base ben sur mon blog on dirais qu’il y a un effet d’ombre et du coup c’est pas du tout la couleurs que je souhaite, est ce qu’il y aurai une solution pour mon problème? Sachant que j’ai regarder dans la personnalisation du blog et je vois pas qu’est ce qui pourrai faire ça .. :/

    merci d’avance

    Répondre
    • Mina
      25 juin 2014 at 18:34 (3 années ago)

      Tu utilises quel logiciel ? Et ta bannière, elle est enregistrée sous quel format ?

      Répondre
      • jesy
        25 juin 2014 at 20:35 (3 années ago)

        J’utilise Photoscape et j’enregistre sous jpeg

        Répondre
        • Mina
          25 juin 2014 at 20:38 (3 années ago)

          Ah d’accord ! Moi, perso, j’utilises Gimp et Paint, et j’enregistre sous png. Essaie et tu m’en diras des nouvelles. 😉

          Répondre
          • jesy
            29 juin 2014 at 15:15 (3 années ago)

            d’accord je vais essayer merci 🙂

  15. By debby
    26 juin 2014 at 17:03 (3 années ago)

    Oh..magique ! Merci, je recherche cette solution depuis des mois maintenant !

    xoxo
    Debby

    Répondre
  16. Chloé
    28 juin 2014 at 23:45 (3 années ago)

    Merci beaucoup ! C’est ouf, ton blog est devenu mon meilleur ami pour mon blog ! Merci pour tes précieux posts qui nous permettent d’embellir notre blog grâce à toi.

    http://the-fairystyle.blogspot.fr/

    Répondre
  17. Marie
    29 juin 2014 at 18:56 (3 années ago)

    yeah!!!Un problème résolu!
    J’ai suivi à la lettre et ça marche!
    Je continue avec les autres articles 🙂
    Bisous

    Répondre
  18. Balme
    4 juillet 2014 at 12:45 (3 années ago)

    Coucou !
    Merci pour tes conseils !
    Je te promet que je les ai appliquer à la lettre mais voila que j’ai une phrase qui se balade sur l’image de mon article Bien manger en 10 leçons, peut-tu m’aider s’il te plait ?
    Je suis très embêté et puis ça fait pas très sérieux de laisser ça comme ça !
    Merci beaucoup beaucoup beaucoup d’avance !
    Bisous

    Répondre
  19. jeune & sportive
    4 juillet 2014 at 13:20 (3 années ago)

    Salut Mina !
    Tes articles sont géniaux !
    Juste, j’ai eu un petit soucis en mettant en pratique les conseils si dessus, il y a une phrase qui s’est mise en haut de mon blog ! Peux-tu m’aider, s’il te plaît !!!
    Merci, merci, merci beaucoup d’avance !
    Bisous !

    Répondre
  20. fanacosmetiques
    5 juillet 2014 at 13:41 (3 années ago)

    Op je viens d’appliquer ta méthode ! J’ai réussi ! Super conseils comme toujours

    Répondre
  21. Alain-Michel
    23 juillet 2014 at 12:38 (3 années ago)

    Bonjour et merci pour cette modif pour enlever les cadres de photos, je cherche à alléger le code pour améliorer le ratio texte/code .
    mais peut être avez vous une astuce ?

    Répondre
  22. Mathy
    24 juillet 2014 at 00:45 (3 années ago)

    Oh merci, merci merci ! C’était la seule chose que je ne savais modifier et ça me gênait !!
    Grâce à toi j’ai pu enlever le contour des photos youhou !!
    Gros bisous, et ça me ferait plaisir que tu passes voir mon blog, je viens de changer mon design, et je serais ravie d’avoir ton avis. 🙂

    xx
    http://awindowonmyuniverse.blogspot.fr/

    Répondre
  23. Adèle
    28 août 2014 at 22:39 (3 années ago)

    Mille merci ! Depuis le temps que ses fichues bordures m’embêtaient! J’ai enfin réussit !! Merci merci merci !

    Répondre
  24. Hanna Muller
    12 septembre 2014 at 22:31 (3 années ago)

    C’est génial de mettre les images! Sans ça, sur les sites précédents je comprenais rien… Mais là c’est parfait, vraiment, merci beaucoup! 😀

    Répondre
  25. vanlooklodia
    8 octobre 2014 at 19:49 (3 années ago)

    Hello, via une recherche je tombe sur ton article… Parfait sauf que cela ne fonctionne pas pour moi. Je suis perdue. Help please. Merci!

    Répondre
  26. Natasha
    10 octobre 2014 at 11:50 (3 années ago)

    Merci beaucoup pour l’astuce, je galérais à trouver. De la façon dont tu expliques , ça semble tellement facile. Merci encore et super blog !

    Répondre
  27. laetigior
    24 octobre 2014 at 15:08 (3 années ago)

    Super merci à toi pour ce petit tuto! Ca fait 1h30 que je cherchais comment faire. Merci beaucoup!

    Répondre
  28. Séverine
    11 novembre 2014 at 21:32 (3 années ago)

    Super tu es la sauveuse de mon blog !!!
    Ton blog est super hop dans les favoris

    bonne continuation .

    Répondre
  29. Mademoiselle Latinne
    16 novembre 2014 at 11:44 (3 années ago)

    Merci pour cette astuce, je ne savais vraiment pas comment faire ! grâceà toi mon blog est plus beau !

    des bisoux

    Répondre
  30. Xx Gallery
    4 décembre 2014 at 18:06 (3 années ago)

    Ah lala Ouiiiiii ! Enfin débarrassé de ces contours! Quel soulagement! Je ne sais pas pourquoi je n’ai pas trouvé ce girly blog de love que j’aime plus tôt ! Merci Mina!
    Xx Blog

    Répondre
  31. Cestquoitonkim
    31 janvier 2015 at 15:30 (3 années ago)

    Je suis arrivé sur ce site via une recherche google. J’ai testé la méthode et ça marche ! Très bon tuto. Merci beaucoup

    Répondre
  32. Elodie
    27 février 2015 at 13:29 (3 années ago)

    Quand j’arrive à l’étape où il faut effacer le code que tu as surligner en bleu, je n’ai pas exactement la même chose d’écrit du coup j’ose pas trop y toucher mais j’aimerais vraiment beaucoup enlever les bordures de mes photos, tu as un conseil ?

    Répondre
  33. mariefougerouse
    21 juillet 2015 at 11:14 (2 années ago)

    Bonjour,
    J’aimerais savoir comment je peux mettre ma colonne de droite en couleur sur mon blog (du jaune par exemple) ?

    Merci d’avance pour votre aide.

    Répondre
  34. ManonB
    2 septembre 2015 at 21:27 (2 années ago)

    Oh merci pour ces tutos, ça faisait longtemps que je cherchais à enlever la bordure ! Et je suis retombée sur ton blog ! Merci beaucoup, c’est très clair !

    Bisous, Manon B
    http://m-drugstore.blogspot.fr

    Répondre
  35. Victoria Ruthven
    4 octobre 2015 at 18:55 (2 années ago)

    Impeccable! merci : )

    Répondre
  36. Nina Flageul
    3 janvier 2016 at 19:37 (2 années ago)

    Qu’une chose à dire: mille merci !!!!!

    Répondre
  37. DelphineR2M
    12 avril 2016 at 13:13 (2 années ago)

    Merci pour cette explication. En fait je cherche à retirer la bordure de certaines images, pas toutes, y -a-t-il une solution?

    Répondre
  38. Manon
    14 avril 2016 at 11:09 (2 années ago)

    Bonjour, j’ai un petit problème : quand je clique sur pour voir le code il n’y a pas de ligne 13 en passe de la neuf à la 500 et quelques, comment y remédier ?

    Répondre
  39. Nessa Dolz
    19 avril 2016 at 15:16 (2 années ago)

    Merci beaucoup pour le tuto! Ca a marché nickel 😀

    Répondre
  40. Eliz
    23 juin 2016 at 15:01 (1 année ago)

    Génial ! merci beaucoup pour tes astuces blogger !

    Répondre

Laisser un commentaire

© Copyright GirlyBlog 2017 - Tous droits réservés.