Responsive Social Sharing Buttons Built with SASS
Problem with most of the sharing buttons is that it runs your existing responsive design. If you are searching for responsive social sharing buttons or any plugins for this, you can try this cool social sharing buttons built with SASS. These buttons are called Ridiculously Responsive Social Sharing Buttons (RRSSB). It comes with many tweaks which lets you customize the buttons in any manner.
It is very easy to add these buttons in your website. You only need to include the css file and js file of the plugin in your page.
Add the css file in the head section. Be sure to check the location.
<link rel="stylesheet" href="css/rrssb.css" />
Add JS files in the page
<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>
Now add the buttons where you want to render.
<ul class="rrssb-buttons clearfix"> <li class="email"> add mailto link here </li> <li class="facebook"> add facebook share code here </li> <li class="twitter"> add twitter share code here </li> <li class="googleplus"> add googleplus share code here </li> </ul>
These buttons supports all modern browsers.
How to add these social sharing buttons in WordPress?
If you are WordPress users, you can add these buttons by installing Ridiculously Responsive Social Sharing Buttons plugin. This plugin lets you easily embed these responsive social sharing buttons in your WordPress blog. It also adds an option page in the admin section from where you can customize the look of your buttons and decide the place to add buttons.
License: See License