’recentPowered By Blogger Widgets

Sunday, December 16, 2012

Widgets

Add social share buttons to below every posts

Share to WhatsApp3
a pop up of social sharing buttons
Add this social networks sharing buttons to your blog, you should add these buttons its necessary for your blog if you want to increase your blog traffic. As many internet users have their accounts at social networks sites like Facebook, twitter, google plus etc, when they visit your blog and like something at your blog they could easily share it with their friends at social networks sites through these buttons and their friends see a link inside their accounts timeline and when they click the links they come to your blog similarly those people also share your posts etc with other friends, similary your blog traffice increases rapidly.

another pop up of social sharing buttons
The facebook, tweet and google+ buttons also show share counts. There are two small pop up windows when someone hover on "Send" Button through which a users can also share your post either with his all facebook friends group or an individual facebook friend as well as send it to an email address. Another popup window appears when a user hover on the "Share" button which show more share buttons. So I think its a perfect social network buttons for your blog and you should add this to your blog in order to increase your blog traffic.
These buttons will be displayed below your blog post title once you followed the steps below;
preview of social share buttons below every post
Preview

Steps;

1. Login in to your blogger blog
2. Go to templates
3. Go to EDIT HTML
4. Now check “ Expand Widget Templates “
5. Search <data:post.body/> and paste the bellow code above/before that code. (there may be more than one code <data:post.body/> try all and check which one is correct one ).

<div style='clear: both;'/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div align='left'>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) {return;}
  js = d.createElement(s); js.id = id;
  js.src = "http://connect.facebook.net/en_US/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>
<!-- Facebook Like+Send script End -->
<!-- Facebook Like+Send button Start -->
<br />
<div style="float: left; padding: 5px 5px 5px 0;">
<fb:like colorscheme="light" expr:href="data:post.url" font="" layout="standard" send="true" show_faces="false" width="450"></fb:like>
</div>
<!-- Facebook Like+Send button End --></div>
<table border='0' cellpadding='5' cellspacing='10'><tbody>
    <tr>
<td style='padding-top:8px;'>
<g:plusone size='tall'/>
<script type='text/javascript'>
  (function() {
    var po = document.createElement(&#39;script&#39;); po.type = &#39;text/javascript&#39;; po.async = true;
    po.src = &#39;https://apis.google.com/js/plusone.js&#39;;
    var s = document.getElementsByTagName(&#39;script&#39;)[0]; s.parentNode.insertBefore(po, s);
  })();
</script>
</td>
      <td style='padding-top:8px; '>    <script src='http://www.stumbleupon.com/hostedbadge.php?s=5'/>
</td>
     
      <td style='padding-top:8px;'><a class='twitter-share-button' data-count='vertical' href='http://twitter.com/share'>Tweet</a><script src='http://platform.twitter.com/widgets.js' type='text/javascript'/> </td>
      <td>
<!-- AddThis Button BEGIN -->
<div class='addthis_toolbox addthis_default_style '>
<a class='addthis_counter'/>
</div>
<script src='http://s7.addthis.com/js/250/addthis_widget.js' type='text/javascript'/>
<!-- AddThis Button END -->
</td>
    </tr>
  </tbody></table></b:if>
<div style='clear: both;'/> 

Please share and like this post posts
Recommended posts;


  • Facebook
  • Twitter
  • Myspace
  • Google Buzz
  • Reddit
  • Stumnleupon
  • Delicious
  • Digg
Ways of Blogging bloggingways.blogspot.com
Follow Bloggingways on Facebook and Twitter and get updates about new widgets, blogger and SEO Tricks and tips

0 comments:

www.bloggingways.blogspot.com © 2012 All rights reserved | DMCA protected