3 années ago
2013 Views

Comment ajouter les boutons de réseaux sociaux à votre site ou blog

Ecrit par

Au travers de cet article, je vais vous donner une méthode simple et rapide pour intégrer les boutons des principaux réseaux sociaux : Facebook, Google plus, LinkedIn et Twitter

L’intérêt du code est qu’il n’est pas hébergé ailleurs que sur les réseaux sociaux eux même (il n’y a pas de javascript pointant vers un quelconque autre site).


<dt style="width: 70px; margin-top: 10px; margin-right: 10px; float: left;">
<!-- twitter -->
<iframe title="Twitter Tweet Button" id="twitter-widget-0" src="http://platform.twitter.com/widgets/tweet_button.1381275758.html#_=1381585495095&amp;count=vertical&amp;id=twitter-widget-0&amp;lang=fr&amp;original_referer=<?php echo get_permalink(); ?>&amp;size=m&amp;text=Ajouter%20un%20contenu%20personnalis%C3%A9%20automatiquement%20a%20la%20fin%20de%20vos%20articles.&amp;url=<?php echo get_permalink(); ?>&amp;via=naxialis" frameborder="0" scrolling="no" style="width: 66px; height: 62px;" allowtransparency="true" data-twttr-rendered="true"></iframe><script src="http://platform.twitter.com/widgets.js" type="text/javascript"></script>
</dt>
<dt style="width: 70px; margin-top: 10px; margin-right: 10px; float: left;">
<!-- google plus -->
<script src="https://apis.google.com/js/plusone.js" type="text/javascript" gapi_processed="true"></script>
<div id="___plusone_0" style="margin: 0px; padding: 0px; width: 50px; height: 60px; line-height: normal; text-indent: 0px; font-size: 1px; vertical-align: baseline; float: none; display: inline-block;"><iframe name="I0_1381585494904" width="100%" tabindex="0" title="+1" id="I0_1381585494904" src="https://apis.google.com/_/+1/fastbutton?usegapi=1&amp;bsv=o&amp;size=tall&amp;hl=fr&amp;origin=http%3A%2F%2Fwww.naxialis.com&amp;url=<?php echo get_permalink(); ?>&amp;gsrc=3p&amp;ic=1&amp;jsh=m%3B%2F_%2Fscs%2Fapps-static%2F_%2Fjs%2Fk%3Doz.gapi.fr.kT62ux1xxcU.O%2Fm%3D__features__%2Fam%3DAQ%2Frt%3Dj%2Fd%3D1%2Frs%3DAItRSTPGp4YVBZ0ykRAO-NBouz-SSL1RsA#_methods=onPlusOne%2C_ready%2C_close%2C_open%2C_resizeMe%2C_renderstart%2Concircled%2Cdrefresh%2Cerefresh&amp;id=I0_1381585494904&amp;parent=http%3A%2F%2Fwww.naxialis.com&amp;pfname=&amp;rpctoken=2966306" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" vspace="0" hspace="0" style="margin: 0px; left: 0px; top: 0px; width: 50px; height: 60px; visibility: visible; position: static;" data-gapiattached="true"></iframe></div>
</dt>
<dt style="width: 70px; margin-top: 10px; margin-right: 10px; float: left;">
<!-- Linkedin -->
<script type="text/javascript" src="http://platform.linkedin.com/in.js"></script>
<script type="in/share" data-counter="top"></script>
</dt>
<!-- facebook like -->
<dt style="width: 70px; margin-top: 10px; margin-right: 10px; float: left;">
<iframe src="http://www.facebook.com/plugins/like.php?href=<?php echo get_permalink(); ?>&amp;layout=standard&amp;show_faces=true&amp;layout=box_count&amp;action=like&amp;colorscheme=light" frameborder="0" scrolling="no" style="border: currentColor; width: 60px; height: 60px; overflow: hidden;" allowtransparency="true"></iframe>
</dt>

Si vous souhaitez intégrer cette barre de bouton dans un site autre que WordPress, pensez à remplacer <?php echo get_permalink(); ?> par l’URL de la page.

 

Article Categories:
Techniques

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

This site uses KeywordLuv. Enter YourName@YourKeywords in the Name field to take advantage.