How To Add Big Social Bookmarking buttons below blogger post

-->
1.Log in to your dashboard--> layout- -> Edit HTML
2.Click on "Expand Widget Templates"
3.Scroll down to where you see this:

<p><data:post.body/></p>

4.Copy below code and paste it immediately after the line <p><data:post.body/></p> .

<div style='clear:both; '>
<div style='width:60px; float:left;'>
<script type='text/javascript'>
digg_url = &#39;<data:post.url/>&#39;;
</script>
<script src='http://digg.com/tools/diggthis.js' type='text/javascript'/>
</div>
<div style='width:60px; float:left;'>
<script badgetype='square' src='http://d.yimg.com/ds/badge2.js' type='text/javascript'><data:post.url/></script>
</div>
<div style='width:65px; float:left;'>
<a expr:href='&quot;http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' target='_blank'><img alt='Stumble' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHrzWivsH63BHzaA0bftInfq2T5rL2EIFCuTjTUuZXQIkqcYIiHNPvYuYV42lwI15OKC9l12Luu41kos7kAXKvBCop8Y9kKIn-qVFpkokBelusHWqQq-gflW792xh9GqjsFpCs398z_MzO/' style='padding:0;margin:0;border:none;'/></a>
</div>
<div style='width:65px; float:left;'>
<a expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' target='_blank'><img alt='Delicious' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyf2CQ9KyeR1tySz8_Hh6ReG3XPY3IZuMR55hI07K3yAfVLZRM_gsqr3Ww-2-E-zpx8bl-pSw-JM4BZCTHBTtkVw8VzmbtfXWy2-zOHK5j-Nar1q_worN01nOOnArGnpFvLW3JuAWfqPZ5/' style='padding:0;margin:0;border:none;'/></a>
</div>
<div style='width:65px; float:left;'>
<a expr:href='&quot;http://technorati.com/faves?add=&quot; + data:post.url' rel='external nofollow' target='_blank'><img alt='Technorati' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-Djf4yt7D21qXg72qpfpjN2_AEMQp0du1n1B3KGdTLaZp49rK-URSDTEj66j8mKGf9NSC9PPB2YN1zorh-8dguS13WQpJPvV6bkvjCK4A9rrt8agA3F2njNWU-9Cq4tTurchJGHQMcyZV/' style='padding:0;margin:0;border:none;'/></a>
</div>
<div style='width:65px; float:left;'>
<a expr:href='&quot;http://twitthis.com/twit?url=&quot; + data:post.url' rel='external nofollow' target='_blank'><img alt='Twitter' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhguzT5BVSmOIBT2KsFOEs2VCY2V_RKht5gFs64Fc15UoniE2yPqKFsy1D9Kb-uEgwfPW15ppJqqcZWrnVaewViDsClvHgSAyYKmcITe5FA-qG6YXWft6cUlaID1Ap38xjwz71ceWg7DTzv/' style='padding:0;margin:0;border:none;'/></a>
</div>
<div style='width:65px; float:left;'>
<a expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;t=&quot; + data:post.title' rel='external nofollow' target='_blank'><img alt='Facebook' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbz1twrLNsIjMw3S9nXW6J04083Pf7Uq2VYcdTEz3yYdhYuh14uSb7pHk3pjcoAO6lDJCLBfkdaEYfkEV14uKYNqZ0fT7RvuWeTtA0uc9aYtzeDPPMARoHmdE074ojhndggZYXLr8MESLd/' style='padding:0;margin:0;border:none;'/></a>
</div>
</div>

5.Click on "Save Templates" and now you are done.It will look like this.

Previous

Next

Enter your email address: