Showing posts with label share button for blog and website. Show all posts
Showing posts with label share button for blog and website. Show all posts

Sunday, July 17, 2011

How to add Facebook, Twitter, Google +1 sharing Buttons in Website or Blog or Web page

Now a days social media is very popular for every website. People are using this for sharing their page content on different websites. Like Facebook, Twitter, Linkedin, Google+ etc.
In this blog I will share some fantastic tools for sharing.

1. How to add Facebook sharing Button?
Facebook Sharing Code –
Add this code in your web page or Blog, Facebook sharing option will be available for that web page.
<*a name="fb_share" type="box_count" href="http://www.facebook.com/sharer.php">Share<*/a><*script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"><*/script>

Note: Remove * before placing code in web page.

            2. How to add Twitter sharing Button?
Twitter Sharing Code –  
Add this code in your web page or Blog, Twitter sharing option will be available for that web page.
<*a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical" data-via="mayank1509" data-related="general_tips">Tweet<*/a><*script type="text/javascript" src="http://platform.twitter.com/widgets.js"><*/script>

Note: Remove * before placing code in web page.

            3. How to add Linkedin sharing Button?
Linkedin Sharing Code –
Add this code in your web page or Blog, Linkedin sharing option will be available for that web page.
<*script type="text/javascript" src="http://platform.linkedin.com/in.js"><*/script><*script type="in/share" data-counter="top"><*/script>

Note: Remove * before placing code in web page.

            4. How to add Google +1 Button?
Google +1 Code – 
Add this code in your web page or Blog, Google +1 Button will be available for that web page.
<*!-- Place this tag in your head or just before your close body tag -->
<*script type="text/javascript" src="https://apis.google.com/js/plusone.js"><*/script>
<*!-- Place this tag where you want the +1 button to render -->
<*g:plusone size="tall"><*/g:plusone>

Note: Remove * before placing code in web page.

Except that there are more tools available. like
http://www.addthis.com