By adding social sharing button on the blogger blogspot site, you can make your site spicy. If you know the power of social networks , you may understand that you can get more benefits from social networks for your blog site. Blogging erious is is not only the way to successful blogging. Your blog post will valueless if nobody read it and get benefit from that . So to inform your blog updates to your friend or other, you should use social networks and social networking sites. To do this step easy, you have to add social sharing buttons on your post. But it is painful to add social bookmarking button in every post of blogger. If you use wordpress, you can use some plug-ins to add social bookmarking button in wordpress posts. But if you create your site in blogger.com, you have to follow the following steps to add social bookmarking button. If you do the following steps, you will not need to add social bookmarking and social sharing buttons in every post. It will happen automatically.
Add social sharing buttons in the post:
Before doing this operation on your blog site, firstly you should backup your template.
Do this steps:
1. Lorin to blogger.com
2. Click on Degin and Click on Edit HTML
3. At the top right, you can see “Expand Widget Templates” , click on that button
4. Search <data:post.body/> (Pres CTRL + F from your keyboard to search easily)
5. Paste the following code above <data:post.body/>
<b:if cond=’data:blog.pageType == "item"’> <div style=’background:#FEE6E6; border:1px solid #ddd; -moz-border-radius:9px; -webkit-border-radius:9px; border-radius:9px; padding:5px; box-shadow: 3px 3px 3px #CCCCCC;’> <table border=’0′> <tr>
<td><!– Twitter –>
<a class=’twitter-share-button’ data-count=’horizontal’ data-lang=’en’ expr:data-text=’data:post.title’ expr:data-url=’data:post.url’ href=’http://twitter.com/share’ rel=’nofollow’/> <b:if cond=’data:post.isFirstPost’> <script src=’http://platform.twitter.com/widgets.js’ type=’text/javascript’> </script> </b:if> </td>
<td><!–Facebook–>
<iframe allowTransparency=’true’ expr:src=’"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&layout=button_count&show_faces=false&width=100& action=like&font=arial&colorscheme=light"’ frameborder=’0′ scrolling=’no’ style=’border:none; overflow:hidden; margin-left:0px; width:100px; height:20px;’/> </td>
<td><div style=’margin-right:25px;’><!– STUMBLE UPON –>
<script expr:src=’"http://www.stumbleupon.com/hostedbadge.php?s=1&r=" + data:post.url’/></div> </td> <td><div style=’margin-right:5px;’><!– GOOGLEPLUS –> <g:plusone expr:href=’data:post.url’ size=’medium’/> </div> </td>
<td><!– AddThis Button BEGIN –>
<div class=’addthis_toolbox addthis_default_style ‘> <a class=’addthis_counter addthis_pill_style’/> </div> <script src=’http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4de3b2d654f56f28′ type=’text/javascript’/> <script type=’text/javascript’> var addthis_config = { ui_cobrand: "MY BLOGGER TRICKS", ui_header_color: "#ffffff", ui_header_background: "#0080FF" } </script>
<!– AddThis Button END –></td> </tr> </table></div> </b:if><br/>
6. Click on save your template.
Add Social sharing buttons in the sidebar widget :
You can easily add social saharing buttons in sidebar of your post.
1. Log in to your blogger dashboard
2. Click on “Add a gadget”
3. Click on Html/ javascript
4. Paste the following codes and press save button.
Then move that gadget where you want to show on your site.
Related posts:
