mercredi 11 septembre 2013

[TUTO] Ce qu'il faut faire dès la création d'un blog Blogger : Mettre des icônes RSS, Twitter, Facebook, Hellocoton, Instagram

Pour que vos lecteurs puissent suivre l'activité de votre blog, il apparait nécessaire d'insérer des icônes Twitter, Facebook etc sur celui-ci.



- Tout d'abord, il vous faudra télécharger les icônes des différents réseaux sociaux. Ils sont facilement trouvables sur Google image
- Ensuite, il faudra héberger votre image afin que celle-ci ait une adresse. Une fois votre image hébergée, récupérez son URL
- Libre à vous ensuite de modifier les tailles de vos icônes en modifiant "Height" et "Width"
- Pour les placer sur votre blog, allez dans "Mise en page" puis "Ajouter un gadget" et
"HTML/JavaScript"
- Recopiez enfin le code ci-dessous
- N'oubliez pas d'enregistrer et de cliquer, pour finir, sur "Enregistrer la disposition" après avoir placé vos icônes.

Code à recopier pour installer vos icônes (Répétez l'opération pour chaque icône) :

<a href="Remplacez par l'adresse de votre page Facebook, compte Twitter, Hellocoton, Instagram ou flux RSS"><img height="40" width="40" src="Remplacez par l'adresse de votre image hebergée (icône Facebook, compte Twitter, Hellocoton, flux RSS"  title="Abonne-toi à ma page fan" class=" DrteTexte" style="margin: 0px; border: #000 0px solid;" /></a>

Si vous souhaitez avoir les mêmes icônes que ceux de cet article, recopiez ces codes :

<a href="Remplacez par l'adresse de votre page Facebook"><img height="40" width="40" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7RM3O7OTxfNplUjZ5IKgmt2w-OOPuRa8JSOXF6O1Ta_cN_dkPAwSPnse86smlSi2RYD1GkHDJBRDZTRe2gcQzUWse2xrdO6N9Wemz-_wsxsBZfHlG-COzhyWIpAQgcgbk5S0ybqzYhURd/s1600/f.png"  title="Abonne-toi à ma page fan" class=" DrteTexte" style="margin: 0px; border: #000 0px solid;" /></a>

<a href="Remplacez par l'adresse de votre compte Twitter"><img height="40" width="40" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEji6V_85dYkcBJw893Kik9TWwzpS0mxZLw3rj1jAhHOktR6ZCPzkjVG9Fe1m26xf8ncj_85NXINAs4LoTclWJDo6J2jMBb_lkWYAw_oRaeob5VU6RZGZxAOpImWpvhx187FcOLbzcEayhMi/s1600/tw.png"  title="Follow-me" class=" DrteTexte" style="margin: 0px; border: #000 0px solid;" /></a>

<a href="Remplacez par l'adresse de votre page Hellocoton"><img height="40" width="40" src="http://t1.gstatic.com/images?q=tbn:ANd9GcSOTnhFBQjWLQkM2l3_jmnmsaw4Oa1wTg4qorutuvVJdpXNts6k"  title="Abonne-toi" class=" DrteTexte" style="margin: 0px; border: #000 0px solid;" /></a>

<a href="Remplacez par l'adresse de votre compte Instagram"><img height="40" width="40" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5tS20vIO0cFomPTSdq_Z3iUcpKvwEOgoobEM5Jz9jaaWC_jTnvF8ZtxTF40dnlJQRosuvIGoAuuP_jF3a-ZChdjgOBX5yCq9_intyfRtvlBfU2l39UZ71CORTL6DP0l2sYCsls0mavErJ/s1600/i.png"  title="Abonne-toi" class=" DrteTexte" style="margin: 0px; border: #000 0px solid;" /></a>

<a href="Remplacez par l'adresse de votre flux RSS"><img height="40" width="40" src="http://img15.hostingpics.net/thumbs/mini_909966RSSIcon.png"  title="Abonne-toi" class=" DrteTexte" style="margin: 0px; border: #000 0px solid;" /></a>

Si vous souhaitez mettre une icône "Mail", recopiez ce code :


<a href="mailto:Remplacez par votre adresse mail"><img src="Remplacez par l'adresse de votre image hebergée (icône enveloppe)"/></a>

Aucun commentaire:

Enregistrer un commentaire

Related Posts Plugin for WordPress, Blogger...