Tous les articles seront prochainement mis à jour.

Installer et aligner les icônes dans Blogger…

installer-aligner-icônes-blogger-girlyblog

ARTICLE MIS A JOUR LE 20 JUIN 2016

Hello ! On se retrouve suite à l’article précédent Quelques jolies collections d’ icônes…. Je vais vous expliquer comment les installer et, surtout, comment les aligner sous Blogger? Car ce n’est pas chose aisée !

Vous pouvez cliquer sur les images pour les voir en grand.

 

Le tutoriel

1 – Tout d’abord, téléchargez dans votre ordinateur les icônes que vous souhaitez installer sur votre blog. Pour ma part, je vais choisir le Pack Arc-En-Ciel, que j’ai créé et que vous pouvez télécharger gratuitement dans l’article précédent. Je vais choisir cinq icônes de couleur rose.

installer-aligner-icônes-blogger-girlyblog

2 – Ensuite, on crée un nouvel article dans Blogger, on va l’appeler brouillon. On intègre les icônes choisies dans le brouillon.

installer-aligner-icônes-blogger-girlyblog

installer-aligner-icônes-blogger-girlyblog

installer-aligner-icônes-blogger-girlyblog

installer-aligner-icônes-blogger-girlyblog

installer-aligner-icônes-blogger-girlyblog

3 – Il faut « désassocier » chaque image, pour cela, il faut cliquer sur chaque image et cliquer sur le bouton Associer, pour que ce bouton ne soit plus sélectionné. Ensuite, on clique sur le bouton Petit, pour diminuer la taille (seulement si les icônes sont trop grandes ! Sinon laissez-les en taille originale).

installer-aligner-icônes-blogger-girlyblog

4 – Maintenant que toutes les icônes ne sont plus associées, vous pouvez supprimer les espaces entre elles, afin qu’elles soient toutes sur la même ligne.

installer-aligner-icônes-blogger-girlyblog

5 – Ensuite, on clique sur HTML  en haut à gauche. Ce qui nous permet d’accéder au code html du brouillon. Nous pouvons modifier la taille des icônes en modifiant le code html. Pour cela, nous allons modifier height qui veut dire hauteur, et width qui veut dire largeur. Ces deux valeurs sont de 200px, je vais les modifier et les mettre à 50px.

Attention, quand vous modifiez ces valeurs, elles doivent toujours être proportionnelles !

installer-aligner-icônes-blogger-girlyblog

6 – Voilà, les icônes sont plus petites. N’hésitez pas à les espacer avec des espaces pour aérer un peu les icônes.

installer-aligner-icônes-blogger-girlyblog

7 – Ensuite, on les associe avec leur lien respectif. Par exemple, on associe l’icône Facebook avec votre page Facebook.

installer-aligner-icônes-blogger-girlyblog

installer-aligner-icônes-blogger-girlyblog

8 – Nous avons finis de modifier les icônes, maintenant, nous allons copier le code html du brouillon afin de le coller dans la colonne latérale de votre blog. Pensez à enregistrer le brouillon.

installer-aligner-icônes-blogger-girlyblog

9 – Après on va dans « Mise en Page », on clique sur « Ajouter un gadget » en haut de la colonne latérale droite.

installer-aligner-icônes-blogger-girlyblog

installer-aligner-icônes-blogger-girlyblog

10 – Et il y a une petite fenêtre qui s’ouvre, on sélectionne le gadget « HTML/Javascript ».

installer-aligner-icônes-blogger-girlyblog

11 –  Une fois qu’on a ouvert le gadget, la fenêtre change, c’est là qu’on copie notre code html dans le contenu. Vous pouvez d’ailleurs ajouter un titre à votre gadget.

Ensuite, on enregistre, on enregistre aussi les modifications dans Mise en Page, et on regarde l’aperçu du blog.

installer-aligner-icônes-blogger-girlyblog

12 – Et voilà, le résultat !

20

 Voilà, j’espère que ça vous aidera et que vous n’aurez pas trop de difficultés ! Si jamais ce n’est pas le cas, n’hésitez pas à me le dire en commentaire, et je vous aiderais ! 🙂

 

signature-girlyblog

 

28 Comments on Installer et aligner les icônes dans Blogger…

  1. Sabrina
    18 février 2014 at 15:50 (4 années ago)

    Juste ENORME, merci pour ce tuyau tellement simple et évident mais que auquel je n’avais jamais pensé !!!!

    Répondre
    • Mina
      6 mars 2014 at 09:15 (4 années ago)

      Merci ! 😀

      Répondre
  2. Sonia
    28 mars 2014 at 23:36 (4 années ago)

    han c’est sur blogger, je crois qu’il n’y a encore rien de prêt sur cette question sur les blogs publicoton :/ si je me trompe et que tu as une astuce par contre, je suis preneuse! 🙂

    Répondre
    • Mina
      28 mars 2014 at 23:58 (4 années ago)

      Salut Sonia ! Désolée, mais c’est parce que sur publicoton tu peux pas faire grand chose ! Si tu veux un vrai design à ton image, la meilleure solution serait de créer un blog sous Blogger ! 😀

      Répondre
    • Mina
      29 mars 2014 at 17:04 (4 années ago)

      Pour WordPress, c’est pareil, tu fais ton brouillon, tu copies le code html (pour cela, il faut cliquer sur Texte, en haut à droite de ton brouillon et tu copies), après tu vas dans Apparence > Widgets, tu ajoutes un texte et tu colles ton code html.

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

    Bon tu vas me prendre pour une folle à tout commenter, mais merci pour cette astuce je cherchais désespérément et hop ! Je pense que je vais t’ajouter dans mon blogroll, tu gagnes vraiment à être connue!

    Répondre
    • Mina
      31 mai 2014 at 15:21 (3 années ago)

      Merci, c’est très gentil ! 😀
      Non, non, tu peux commenter autant que tu veux, ça me fait super plaisir ! 😀
      Bises !

      Répondre
  4. Be in Velvet
    1 juin 2014 at 18:24 (3 années ago)

    Merci beaucoup ! J’ai réussi 🙂
    Bises !

    Répondre
  5. Elodie
    3 juin 2014 at 00:31 (3 années ago)

    c’est top !!! merci Mina !!!! Alors par contre moi, sous wordpress, les îcones se mettent les uns au dessous des autres et non alignés! pourtant je copie le code HTML bien comme il faut ?

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

    Génial, j’avais mis une heure ou deux y a deux jours pour essayer via HTML et je n’avais pas du tout réussi et là j’ai mis seulement quelques minutes pour redimensionner mes images et réussir! Merci pour ce tuto! 😀

    Répondre
  7. The Place to buy, by Sophie Katt
    12 septembre 2014 at 22:03 (3 années ago)

    Un enorme MERCIIIII , pour tous ces precieux conseils ! Je suis entrain de creer mon blog, et je ne te cache pas que tu me facilite la vie ! Un vrai bonheur! Tu viens de gagner une nouvelle fan. J’apprecie enormement ton esthetisme et ton style. Voila ma belle, encore MERCI!

    Répondre
  8. chupchupagirl
    7 novembre 2014 at 06:54 (3 années ago)

    super article que j’ai de suite mis en pratique hahaha ! merci pour l’astuce!

    Répondre
  9. hffman
    4 janvier 2015 at 17:12 (3 années ago)

    comment faire pour les alignée?

    Répondre
  10. Jolyane
    8 janvier 2015 at 16:40 (3 années ago)

    Un immense merci !! C’est clair et très bien expliquer 🙂

    Répondre
  11. Elodie
    20 février 2015 at 05:02 (3 années ago)

    Coucou !
    On m’a aidé à mettre les logos sur mon blog il y a quelques temps mais si tu vas faire un tour sur mon blog, tu pourras voir que ceux ci ne sont pas bien alignés, comment je peux régler ça ?
    Merci 🙂

    Répondre
    • Elodie
      20 février 2015 at 05:56 (3 années ago)

      Oh bah j’ai trouvé toute seule, en fait les icônes étaient « espacées », j’ai recommencé en suivant bien tes instructions et tout s’est déroulé comme sur des roulettes !
      Merci 🙂

      Répondre
  12. jade
    15 mars 2015 at 00:24 (3 années ago)

    Merci beaucoup pour ce tutoriel mais par contre j’ai un petit soucis y’a le lien de mon compte insta qui s’affiche sous l’icone et cette dernière ne contient pas de lien enfin je sais pas trop si tu m’as comprise je t’invite à aller voir sur mon blog si possible car j’aimerai trop avoir une solution
    groos bisou

    Répondre
  13. cyrielle
    13 mai 2015 at 00:16 (3 années ago)

    haa super merci grace a toi j’ai reussi sa

    Répondre
  14. gangofpolish
    10 juillet 2015 at 10:24 (2 années ago)

    Salut ! Je suis tombée sur ton article car je n’arrive pas à aligner mes icônes réseaux sociaux, mais en fait, je ne trouve toujours pas comment faire même dans ton article :/ je savais comment les enregistrer et tout ça pour qu’ils soient utilisables sur le blog, mais je n’arrive toujours pas à les aligner :/ aurais-tu une petite idée ? Merci par avance

    Répondre
  15. Trendy Addict
    27 août 2015 at 21:27 (2 années ago)

    Merci pour cet article super bien expliqué ! Grace à toi j’ai réussi à mettre mon lien instagram sur mon blog !! Mercii

    Répondre
  16. fashiondra
    27 janvier 2016 at 15:00 (2 années ago)

    Vraiment facile à faire merci beaucoup <3

    Répondre

Laisser un commentaire

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