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".

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