Tweet
In most of the blogs, you must have seen a like button , tweet button , a google +1 button and a share button which can be used to share a post in multiple social networking sites.
In this post, I will show how to implement a such a widget in your blog.
1> Go to your blogger account.
2> Template --> Keep a backup of your template before doing anything.
3> Edit HTML --> Expand Widget Templates
4> If you want to display the widget just after your post finishes then look for a code like this.
<div id='post-footer'>
5> When you found that line, just copy and paste the code below that line and save the template.
<b:if cond='data:blog.pageType == "item"'>
<div style='background:#f9f9f9;border-top:3px solid #bbb;border-bottom:1px solid #bbb; padding:10px 0px;margin:30px 0px 8px 0px;width:100%;float:left;height:20px;'>
<div style='float:right;padding-right:10px;'>
<div class='addthis_toolbox addthis_default_style '>
<a class='addthis_button_facebook_like' fb:like:layout='button_count'/>
<a class='addthis_button_tweet'/>
<a class='addthis_button_google_plusone' g:plusone:size='medium'/>
<a class='addthis_counter addthis_pill_style'/>
</div>
<script src='http://s7.addthis.com/js/250/addthis_widget.js#pubid=4rifin' type='text/javascript'/></div>
<div style='float:right;padding:2px 10px 0px 0px;font:normal 12px Arial;color:#666'>
<strong>Share this article</strong>:
</div></div>
</b:if>
View a post to see the effect. This widget will only be visible in the post pages not the home page.
The widget will look something like this.
