How Can I add Share This Article to the Post - Blogger

You must have seen this post and may be you will find this wonderful widget "Share this Article". In this post I will tell you about How to Add Share this Article to the post. It is very easy and simple to do. Firstly you have to log on to your blogger ID. After that please take a backup of your template.

To add this wonderful widget to you web page or blog click on Edit HTML and click on Expand Widget Templates. Now Search for the following code.

 data:post.body

After this paste the following code just above it.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='background-color:#f3f3f3; width:300px; height:200px; float:right'>
<br/><br/>
<div style='clear: both; text-align: center;'>
<h4 style='color: #208ACB; '><span style='font-size: x-large;'><b><b>Share This Article!</b></b></span></h4>

<script src='http://tweetmeme.com/i/scripts/button.js' type='text/javascript'/>


<script src='http://www.stumbleupon.com/hostedbadge.php?s=5'/>



<div style='float:left; margin-left:3px;'>
<script type='text/javascript'>
digg_url=&quot;<data:post.url/>&quot;;
</script>
<script src='http://widgets.digg.com/buttons.js' type='text/javascript'/>
</div>
<a class='DiggThisButton DiggLarge'/>


<a class='google-buzz-button' data-button-style='normal-count' href='http://www.google.com/buzz/post' title='Post on Google Buzz'/>
<script src='http://www.google.com/buzz/api/button.js' type='text/javascript'/>
</div>
</div>
</b:if>

Customization

1. You can change background. To change this change the value of this "background-color:#f3f3f3"

2. You can change the color of "Share This Article". To change please change the value of "color:#208acb".

3. You can also add the social bookmarking widget of your choice by adding the code above or below the tweetmeme or stumble upon code.

Now click on save template option and check your blog. I hope this post is useful to your blog.