How to add facebook like, facebook share, Twitter Tweet, Google plus and Pinterest Button On Blogger

Social media has being an important tool for promoting once business and also spreading  once blog post to a large audience which can easily go viral if the post is a valuable one. With different social
network having it own code for sharing content, add such code one after the order may set some difficult in especially when trying to align the button. Having two or more buttons will enable reader to share content to their prefer audience.

Adding a Facebook Like button, share, twitter tweet, stumbleupon, pinterest and google plus button to your Blogger website makes it easy for readers  to select and share your blog content to their social media friends they are using. Just by Clicking on any of this buttons, it posts a link of that post on the facebook news feed of the visitor’s. social media button can easil be enabled of blogger but it looks odd and some button where not on it like the Facebook Like button widget. but in this post you will be able to add the facebook Like button below each blog post as well as add attrative facebook share, twitter tweet, pinerest, google plus and stumbleupon button.

==>Sign in to www.blogger.com
==>Click Template
==>Back up Your Template
==>Then click on Edit HTML.

==>Click Inside the Template
==>Click CTRL F. You will Notice a search box at upper right of the template
==>Paste this code <data:post.body/> inside. Then click enter to find it
==>You may have more than one <data:post.body/>
==>Just paste the below code just after the second or third one. One of it should work.

<br/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
 <span style='font-family:oswald; font-size: 14px; font-weight:bold;'>SHARE : </span>
<p align='center'>
<div class='fb-like' data-action='like' data-layout='button_count' data-share='true' data-show-faces='false'/>
<a href="http://twitter.com/share" class="twitter-share-button" data-count-value="horizontal">Tweet</a>
<script src='http://www.stumbleupon.com/hostedbadge.php?s=2'></script>
<a data-pin-config='beside' data-pin-do='buttonPin' expr:href='&quot;http://pinterest.com/pin/create/button/?url=&quot; + data:post.url'><img src='//assets.pinterest.com/images/pidgets/pin_it_button.png'/></a>
<script src='http://assets.pinterest.com/js/pinit.js' type='text/javascript'></script>
<g:plusone expr:href='data:post.url' size='medium'></g:plusone>
<script src='http://platform.twitter.com/widgets.js' type="text/javascript"></script>
      </p>
</b:if>
<br/>

Then Save
Check you blog post to see if it works. You can leave your questions or comment below

Like our Facebook Page and also Follow us on Twitter and also Click Here to subscribe to this blog for you not to miss the next update.

FacebookTwitterGoogle+PinterestWhatsApp