Ridiculously Responsive Social Sharing Buttons est un plugin javascript permettant d’ajouter des liens de partages vers différents réseaux sociaux.
Parmi tout les plugins existant celle-ci comporte plusieurs avantage :
- il est responsive
- il est gratuite
- il possède de nombreux réseaux sociaux de base
- il est facile d’utilisation
Utilisation
Pour ce qui est de l’utilisation il suffit d’ajouter le fichier css « rrssb.css » dans notre projet et de copier la balise <link> suivante dans notre header :
<link rel="stylesheet" href="css/rrssb.css" />
Ensuite il suffit de choisir les réseaux que l’on souhaite ajouter, en copiant les li correspondant présent dans le fichier index.html.
Et enfin il est nécessaire de copier les lignes de JS suivante est de copier le fichier rrssb.min.js dans notre projet. (Si Jquery est déja présent dans notre projet la première ligne est optionnel)
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> <script>window.jQuery || document.write('<script src="js/vendor/jquery.1.10.2.min.js"><\/script>')</script> <script src="js/rrssb.min.js"></script> |
Voilà maintenant que nos boutons sont disponible il suffit de changer les liens dans chaque li par le liens que vous voulez partager.
Si jamais vous n’aimer pas faire d’effort inutilement voici un morceau de JS qui permet de remplacer les liens automatiquement.
<script type="text/javascript"> jQuery(document).ready(function ($) { $('.rrssb-buttons').rrssb({ // required: title: 'This is the email subject and/or tweet text', url: 'http://rrssb.ml/', // optional: description: 'Longer description used with some providers', emailBody: 'Usually email body is just the description + url, but you can customize it if you want' }); }); </script> |
source :