Installer des boutons de réseaux sociaux sur son blog

reseaux-sociaux-blogger

Comment installer des boutons de réseaux sociaux sur son blog ?

Régulièrement, on me demande comment installer des boutons de réseaux sociaux sur son blog. Et c’est une très bonne question ! En effet, je trouve qu’il est important d’ajouter des boutons de réseaux sociaux sur son blog. Cela permet à vos lecteurs de naviguer facilement d’un réseau à un autre, et éventuellement de s’y abonner. Aussi, je vais vous donner une technique ultra simple, à la portée de tout le monde ! Et en cadeau, je vous offre des boutons de réseaux sociaux, crées par mes soins :-)

Alors, concrètement, on fait comment ? Réponse dans la suite de l’article !
boutons-re-CC-81seaux-sociaux
Tout d’abord, vous devez créer des images qui vont renvoyer vers vos réseaux sociaux. C’est ce que l’on appel généralement, des « boutons ». Personnellement, je crée mes boutons sous Photoshop, tout simplement. Si vous souhaitez un article détaillé pour savoir comment je procède, dîtes le moi. Sinon, je vous invite à télécharger les boutons ci-dessous (clique droit  > enregistrer sous). Et oui, c’est mon cadeau du jour ! Vous avez le choix entre deux séries que voici :
instagram-bouton google-252B-bouton facebook-bouton twitter-bouton
bouton-google- bouton-instagram bouton-facebook bouton-twitter
e-CC-81crire-nouvel-article-blogger
Ensuite, vous devez faire comme si vous vouliez écrire un nouvel article pour votre blog. En effet, on va se servir de Blogger pour générer le code qui nous servira à installer les boutons sur votre blog !
charger-boutons-article
Habituellement, lorsque vous écrivez un article pour votre blog, vous y ajoutez des images. De la même manière, insérez vos boutons un par un dans l’article. Disposez-les de la façon qui vous plaît le plus !
4
Vous devez alors associer chacun de vos boutons avec son lien correspondant. Exemple avec le bouton « Facebook » : vous cliquez sur l’image et ensuite sur « Associer« . Là, vous entrez le lien exacte de votre réseau social. Et ainsi de suite pour chacun des réseaux !
5
Lorsque toutes vos images seront associées à leurs liens respectifs, votre code sera prêt. Pour le récupérer, rien de plus simple ! Toujours sur la page de rédaction de l’article, cliquez sur « HTML » juste après « Rédiger ». Vous devez alors simplement copier le code qui apparaît, en entier. Ensuite, fermer l’article, sans le publier. Sous Blogger, aller dans Mise en Page, puis ajoutez un gadget HTML. À l’intérieur du gadget, collez le code que vous aviez au préalable copié. Enregistrez, et voilà !
6
C’est terminé ! Vous pouvez maintenant effacer l’article, ou le laisser en brouillon :-)
Des questions ? Ça se passe dans les commentaires !
76
3