ad

Responsive Social Sharing Buttons Built with SASS

rrssb-preview

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.

Responsive Social Sharing Buttons

 

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>

You can find more documentation here.

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.

Requirements: SASS
Demo: http://kurtnoble.com/labs/rrssb/
License: See License

Tags:
Nord VPN Sale

Deepanker Verma is the founder of Techlomedia. He is a tech blogger, developer and gadget freak.


Similar Articles

0 Comments

Leave a comment

Comment policy: We love comments and appreciate the time that readers spend to share ideas and give feedback. However, all comments are manually moderated and those deemed to be spam or solely promotional will be deleted.

2020 UseThisTip | Developed By Deepanker