Comment Ajouter des icônes de Médias Sociaux à Blogger
Dans ce tutoriel, je vais vous montrer comment ajouter des icônes de médias sociaux à votre blog Blogger. Ce tutoriel comprend des icônes de médias sociaux gratuites pour vous aider à démarrer.
En raison des récents changements avec Photobucket facturant 400 yearly par an pour utiliser leur service, j’ai mis à jour ce tutoriel vous montrant comment héberger vos images via votre propre compte Blogger.
Cadeaux à télécharger
Assurez-vous de télécharger ces icônes de médias sociaux gratuites pour votre blog en cliquant sur le lien suivant. Aucune inscription n’est requise. Cliquez ici pour télécharger les icônes.
COMMENT DÉMARRER un BLOG: Avant d’entrer dans le tutoriel, si vous souhaitez créer un blog rentable, Bluehost en a beaucoup! Obtenez un nom de domaine GRATUIT, une installation automatique de WordPress et un certificat SSL gratuit pour seulement 3,95 $ par mois (cliquez ici).
Comment ajouter des icônes de médias Sociaux à Blogger
Dans Blogger, créez un nouveau message et téléchargez vos icônes de médias sociaux dans le message.
Après avoir téléchargé vos images, si vous y êtes invité, sélectionnez les éléments suivants:
- Alignement de l’image: Aucun
- Taille de l’image: Taille originale
Étape #2
Sélectionnez l’onglet « HTML ». Après cela, vous verrez les liens d’image pour chacune de vos icônes de médias sociaux (j’ai mis en évidence le lien ci-dessous). Laissez cette fenêtre ouverte.
Étape #3
Ouvrez un nouvel onglet. Dans votre tableau de bord Blogger, sélectionnez » Mise en page. »
Étape #4
Sélectionnez « Ajouter un gadget » dans votre zone « Barre latérale droite », puis choisissez le gadget « HTML / JavaScript ».
Étape #5
Dans la boîte « HTML / JavaScript », collez le code suivant (faites-le pour chaque icône de média social):
< a href= »L’URL Va ici » > < img src= »Le Lien Direct de l’image Va ici » /> < /a >
Étape #6
Revenez à l’éditeur de publication où vous avez téléchargé vos icônes de médias sociaux. Copiez le lien de l’image pour l’une de vos icônes (comme vu à l’étape 1).
Étape #7
Pour en revenir à votre gadget « HTML / JavaScript » dans Blogger, collez le lien de votre image où il est écrit « Le lien direct de l’image va ici » (faites-le pour chaque icône de réseau social et gardez-le entre guillemets). Cela devrait ressembler à ceci:
< a href= »L’URL Va ici » > < img src= »https://3.bp.blogspot.com/-nCoP8tLzxwE/WVq3ZFw_fEI/AAAAAAAAN0Q/CF60HjN2aI02ePhN_aJqcHH6vaI082NJgCLcBGAs/s1600/icon-facebook-1.png » /></ a >
Étape #8
Il est maintenant temps d’ajouter des URL dans vos médias sociaux. En laissant le gadget « HTML / JavaScript » ouvert, dans une nouvelle fenêtre ou un nouvel onglet, rendez-vous sur votre profil de réseau social et copiez l’URL de votre profil.
Étape #9
Maintenant, de retour dans le gadget « HTML / JavaScript », collez votre URL où il est écrit « L’URL va ici » (faites-le pour chaque icône de média social et gardez-la entre les guillemets).
Étape #10
Sélectionnez « Enregistrer » une fois que vous avez terminé. Le code fini devrait ressembler à ceci:
< un href= »https://www.facebook.com/BeautifulDawnDesigns »><imgsrc= »https://3.bp.blogspot.com/-nCoP8tLzxwE/WVq3ZFw_fEI/AAAAAAAAN0Q/CF60HjN2aI02ePhN_aJqcHH6vaI082NJgCLcBGAs/s1600/icon-facebook-1.png » /></ a >
N’hésitez pas à supprimer le brouillon de publication que vous avez créé.
Remarque : Si vous utilisez un bouton e-mail, placez mailto:youremailaddresshere entre les guillemets où il est dit URL Va Ici.