Ajouter proprement les boutons de partage pour les réseaux sociaux

Il existe de nombreux plugins pour ajouter les boutons de partages sur les réseaux sociaux, mais le mieux reste de le faire soi-même.

Au-delà de la maitrise du code, l’intérêt principale de cette mise en œuvre est de pouvoir customiser les boutons à votre guise.

<div class="ssba ssba-wrap">
<div style="text-align:left">

<a class="ssba_facebook_share" target="_blank" href="http://www.facebook.com/sharer.php?u=YOUR_URL" data-site="">
<img class="ssba ssba-img" alt="Share on Facebook" title="Facebook" src="http://YOUR_IMG_PATH//facebook.png">
</a>

<a class="ssba_twitter_share" target="_blank" href="http://twitter.com/share?url=YOUR_URL&text=YOUR_TEXT" data-site="">
<img class="ssba ssba-img" alt="Tweet about this on Twitter" title="Twitter" src="http://YOUR_IMG_PATH//twitter.png">
</a>

<a class="ssba_linkedin_share ssba_share_link" target="_blank" href="http://www.linkedin.com/shareArticle?mini=true&url=YOUR_URL" data-site="linkedin">
<img class="ssba ssba-img" alt="Share on LinkedIn" title="LinkedIn" src="http://YOUR_IMG_PATH//linkedin.png">
</a>

<a class="ssba_google_share" target="_blank" href="https://plus.google.com/share?url=YOUR_URL" data-site="">
<img class="ssba ssba-img" alt="Share on Google+" title="Google+" src="http://YOUR_IMG_PATH/google.png">
</a>

<a class="ssba_email_share" href="mailto:?subject=YOUR_SUBJECT&body=YOUR_BODY" data-site="email">
<img class="ssba ssba-img" alt="Email this to someone" title="Email" src="http://YOUR_IMG_PATH//email.png">
</a>

</div>
</div>