12/04/2015

Icônes réseaux sociaux gratuits + les ajouter sur votre blog

Aujourd'hui, un petit post hors sujet, puisque je vous propose des icônes réseaux sociaux pour vos jolis blogs !

Je travaille régulièrement sur des petites améliorations du mien et j'ai récemment décidé de créer mes propres icônes, selon mon thème et mes couleurs. J'en ai profité pour les décliner en quelques autres couleurs et de vous les proposer. Ils sont simples, tous en 45x45 (comme ceux de ma rubrique "Keep in Touch") et s'ils vous plaisent, je pourrais éventuellement en créer de nouveaux !




Pour voir la sélection, rendez-vous sur cette page.


 COMMENT AJOUER CES ICÔNES SUR VOTRE BLOG ?  


Que ce soit sur Blogger ou encore Wordpress, il faut récupérer une url de l'image afin de l'insérer.

Deux solutions s'offrent à vous :

> Si vous souhaitez des icônes que je vous propose, vous pouvez cliquer droit dessus et "Ouvrir le lien dans un nouvel onglet". Récupérer l'URL de la nouvelle fenêtre.

> Si vous les enregistrer dans votre ordinateur, le plus simple est de créer un brouillon à l'intérieur de votre blog: Importer l'image de votre ordinateur dans votre article, puis récupérer l'URL de l'image dans l'onglet "HTML".


ajouter-icones-reseaux-sociaux-blog


Une fois que vous avez cet URL :

Blogger : Allez dans Mise en page et cliquer sur Ajouter un Gadget. Choisissez le gadget "HTML/JavaScript" et une fenêtre blanche apparaitra.

WordPress : Allez dans Apparence, puis Widgets. Dans la fenêtre Widget, faites glisser l'onglet Texte à droite et une fenêtre blanche apparaitra.

Dans cette fenêtre blanche, vous allez insérer la ligne de code suivante :

<a href="Url du réseaux de votre choix" target="_blank"><img src="URL de votre image"></a>

Remplacez la première ligne en bleu par l'URL du réseau social (l'adresse de votre blog, de votre chaine Youtube etc..) et la deuxième en verte par l'URL de l'image que vous avez récupéré dans votre brouillon.
target="_blank  n'est pas obligatoire mais permet d'ouvrir le lien dans une nouvelle fenêtre. Ce qui est préférable afin de ne pas perdre son lectorat !

A la fin, cela donne ça :



J'espère que ce tutoriel rapide vous aidera au mieux pour personnaliser votre blog avec ces petites icônes. 


A vous de jouer maintenant ! 
(et n'hésitez pas à me faire part de vos personnalisations, j'aimerais beaucoup les voir !)


9 petits mots:

  1. Oh merci je suis vraiment pas douée pour ça! je vais essayé ! bisous

    ReplyDelete
    Replies
    1. J'espère que ça t'aidera ! Bisous ma belle

      Delete
  2. C'est adorable à toi d'avoir travaillé et d'en faire profiter tout le monde.

    ReplyDelete
  3. Très sympa ces icônes et ton tutoriel, c'est gentil de mettre cela à disposition, merci. :)

    ReplyDelete
  4. Pour moi qui travaille dans l'informatique c'est la base mais je trouve ça super d'en faire un petit tuto pour aider les copines blogueuses ;)

    ReplyDelete
    Replies
    1. Oui en effet ! :) Mais c'est parfois dur pour des personnes qui débutent :D

      Delete
  5. Coucou et merci pour le tuyau ! Je suis sur les fesses car notre nom de blog ce ressemble comme deux gouttes deux et hm les couleurs de nos designs également >-< :p
    Bisous à toi :)

    ReplyDelete