Fantastic Social Media Sharing Buttons For Your Blog Posts

One of the key aspects to generate traffic leads to your website is to have a Social Media Sharing Buttons. The very purpose and objective of these sharing buttons are for the readers to have option to share your post in public using their social media such as Facebook, Twitter, Pinterest, and etc..

Right now, I'm going to give the instructions on how to create your sharing buttons for
the Two Most in-demand Biggest Social Media sites. It's the Facebook and Twitter.
FACEBOOK
1. Go to https://developers.facebook.com/docs/plugins/
2. Read each Facebook plugins for your most specific requirement you like to use.
3. Get the Embedded Codes and copy them.
4. Paste the codes you copied to your Blog Dashboard > Design > Gadget/Widgets > Add HTML.
5. Finally, save it and test to view your blog.

TWITTER
1. Go to https://twitter.com/about/resources/buttons 
2. Click the Twitter Buttons you like to use.
3. Copy the Codes for the particular twitter button you require.
4. Paste the codes you copied to your Blog Dashboard > Design > Gadget/Widgets > Add HTML.
5. Finally, save it and test to view your blog.

Alternatively, here is my sample codes that will look like the buttons you see at the left side of this blog post. Moreover, this instructions is for people who has a Blogger Account.

1. Login to your Blogger Account.
2. Click your Blog(s).
3. Click Layout > Add a Gadget
4. Look for HTML/JavaScript gadget and click it.
5. Copy the code below and paste it to the HTML/JavaScript window box.

<br /> <style> #pageshare {position:fixed; bottom:15%; left:10px; float:left; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#fff;padding:0 0 2px  0;z-index:10;} #pageshare .sbutton {float:left;clear:both;margin:5px 5px 0 5px;} .fb_share_count_top {width:48px !important;} .fb_share_count_top, .fb_share_count_inner {-moz-border-radius:3px;-webkit-border-radius:3px;} .FBConnectButton_Small, .FBConnectButton_RTL_Small {width:49px !important; -moz-border-radius:3px;-webkit-border-radius:3px;} .FBConnectButton_Small .FBConnectButton_Text {padding:2px 2px 3px !important;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:8px;} </style><br /> <div id="pageshare" title="Share This With Your Friends"><div class="sbutton" id="fb"><a href="http://www.facebook.com/sharer.php" name="fb_share" type="box_count">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"> </script></div><div class="sbutton" id="rt"><a class="twitter-share-button" data-count="vertical" href="http://twitter.com/share">Tweet</a><br /> <script src="http://platform.twitter.com/widgets.js" type="text/javascript"> </script></div><div class="sbutton" id="gb"><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"> </script><br /> <fb:like font="" layout="box_count" show_faces="false"></fb:like></div><div style="clear: both; font-size: 9px; text-align: center;"></div></div><a href="http://genermagbanua.blogspot.com/2013/08/fantastic-social-media-sharing-buttons.html">Get this</a></div></div><br />

6. Save the HTML/JavaScript window box and click the Save Arrangement.
7. Preview and enjoy your Social Media Sharing Buttons.

This learning knowledge is brought to you by Gener Magbanua.
To learn more about Gener Magbanua, click here