Sunday, April 29, 2012


How to create Share Button on your own website using Social Network Site API?


Twitter Share Button
Link:
https://twitter.com/about/resources/buttons#tweet

Code:
<a href="https://twitter.com/share" class="twitter-share-button" data-url="Enter Your Site URL" data-text="Enter Your Site Name" data-count="none">Tweet <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");


Facebook Share Button

http://developers.facebook.com/docs/share/

Add in Head tag

<meta property="og:title" content="title" /> <meta property="og:description" content="description" /> <meta property="og:image" content="thumbnail_image" />
Add in Body tag

<a name="fb_share" type="icon_link" share_url="YOUR_URL">Compartir en Facebook <script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript">

LinkedIn Share Button

http://developer.linkedin.com/plugins/share-plugin-generator


G+ Share Button

http://www.google.com/webmasters/+1/button/


Orkut Share Button

http://www.google.com/webelements/#!/orkut-share