ad

Open Source Social Sharing Widget – shareNice

sharenice

If you are looking for adding a social sharing feature in your website, shareNice is an open source social sharing widget. This open source widget has built-in support for all the popular social sharing websites(such as Twitter, Facebook, Delicious etc). This widget is easy to customize and new sharing websites are easy to add in this widget.

Social sharing widget openshare
This widget is open source and anyone can use it for free. The developers of this widget are working to add few more features in this which is expected to be launched with the next version.

Requirements: No Requirements
Website: http://sharenice.org/
Demo: http://sharenice.org/demo
Download:https://github.com/mischat/shareNice

How to Integrate ShareNice

There are wi ways you can use this.

1. Use hosted JS [Update: This option is now not available.]

2. Download and host JS on your server

Just include the JS and CSS file. Add onLoad event in body and then use this code “<div id=”shareNice” style=”float:left”></div>” at the place where you want to include the social sharing widget to appear.

<html>
<head>
      <script src="http://sharenice.org/code.js" type="text/javascript"></script>
      <link type="text/css" rel="stylesheet" href="http://sharenice.org/main.css" />
      <!--[if IE 6]>
        <link type="text/css" rel="stylesheet" href="http://sharenice.org/ie6.css" >
      <![endif]-->
   </head>
   <body onLoad="shareNiceLoad()">

   <div id="shareNice" style="float:left"></div>


   </body>
</html>

There are few attributes to customize the social sharing widget. These are those attributes:

  • services: Takes a comma separate list of domain’s which you are interested in including in your shareNice lightbox.
  • share-label: Allows a website owner to config the text “Share”.
  • color-scheme: You can choose one of “black”, “blue”, “green”, “orange”, “pink”, “red” to customize.
  • icon-size: either “16” or “32”, this defines the size of the shareNice icon.
  • panel-bottom: Use values either “default” or “plain”.

With attributes, it should look like this code

<div id="shareNice" color-scheme="black" icon-size="32" share-label="Share this demo" panel-bottom="plain"></div>

Try this social sharing widget and share your views with us via comments.

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