‘Add the social share buttons below post titles in blogger’ which make the blogger to some good and new look.This widget makes the blog visitors,especially the new bloggers who are getting new knowledge in blogging,can know the importance by share count of the post on social networking sites. Follow below steps to add this widget to blogger successfully.
1.Login to blogger->> Design or Template>> Edit Html>>
Expand widgets box
2.Don’t forget to backup your template.
3.Search for the code
<data:post.body/> by using shortcut key Ctrl+F
4.Now add the below code just above
<data:post.body/>
<b:if cond='data:blog.pageType == "item"'> <table border='0'> <tr> <td><div style=' margin-right:5px;'> <g:plusone expr:href='data:post.url' size='medium'/> </div> </td> <td><div style='padding-top:6px;'> <script type='text/javascript'> tweetmeme_style = "compact"; </script> <script src='http://tweetmeme.com/i/scripts/button.js' type='text/javascript'/> </div></td>
<td><div style=' margin-right:25px;'> <script expr:src='"http://www.stumbleupon.com/hostedbadge.php?s=1&r=" + data:post.url'/></div> </td> <td><div style=' margin-right:25px;'> <div id='fb-root'/><script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/><fb:like font='' href='' layout='button_count' send='true' show_faces='false' width='40px'/> </div> </td> <td>
<!-- AddThis Button BEGIN --> <div class="addthis_toolbox addthis_default_style "> <a class="addthis_counter addthis_pill_style"></a> </div> <script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js"></script> <!-- AddThis Button END -->
</td>
</tr> </table> </b:if><br/>
|
5.Next search for
</head>
6.Just above
</head> paste the below code
<script src='http://apis.google.com/js/plusone.js' type='text/javascript'> {lang: 'en-US'} </script>
|
7.Save template and done.
