Responsive social buttons build by webpack.Easily customize it by tweaking a few css class or verialbles. Using SVGs support retina.
.rrssb-buttonsunordered list to desired location(s):
<!-- Buttons start here. Copy this ul to your document. --><!-- Buttons end here -->
- Only copy the
<li>s of the buttons you want (index.html has examples of all available types).
- Adding a class of
popupto the anchor tag for each share button will make the share dialog open in a popup, rather than a new window. (Good for Facebook, Twitter, Google Plus, etc.)
- ul with class
fixed-sizewill make a fixed size button, check examples
- icons folder have all social share buttons you can use
- Each sharing URL requires various parameters that allow you to pass through messaging in the sharing dialog.
- you can use webpack to modulize js and css. source files are under resource folder.
Instead of editing each
Paste the following before the closing body tag, after the scripts you added in the last section:
npm i responsive-social-buttons
Chrome 33, Safari 7.0.2, Firefox 27, Opera 20, and IE9+.
npm installto install the dependencies for this project.
node_modules/.bin/webpack-dev-serverto create a local server at
http://localhost:8081and watch for file changes.
responsive-social-buttons is a modify version of rrssb, add webpack, wechat, weibo support, for more detail you can check original version