How To Add Big Social Bookmarking buttons below blogger post? 0

Blog101 | 5:24 AM | , ,

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/AVvXsEhaURwP5_U0LXd7b-3jPsU4s0CRpX8pH26KaUzSiDSZpvgqRRfsafipT_iCuPTr0gf4Tv9p_Lu0pDyt_y6i8W3trnA6SkwYZvRnwEHG3QTNteEy5has8Sy4TaM20nEwEyEjNHLbUJEmXQ7i/' 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/AVvXsEhIxB3bahz2ehP5Ht7rkq9xNJobLkCrCyhybbpFAcLMMa9Dy3A6Xij6134t0uZJ-ikipf59lpTMAAHi02WLG0uCILy1djKAO23j5wvMxtdyPAKPyD5t9ROoTlphLYkemBmsW3Rl9ZasE2LY/' 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/AVvXsEhAA0yF5_iDPbVnOd0brTKN-lJeKiqEaTzR7lHFKggBAvTuN5Jyt6VRTA6tI5Y3GUpbIqkYj0q_7I1wOfXw9393CTp9zgz9wpghoIjrakB9HohG1AsQj8nFO6DuIQ-ctH2jKHqtoHJAkhjW/' 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/AVvXsEhIcd1OhWvsZX6mfsXvH1kUPKYv2hXbNHRQynhZe7blTXDgZjxx1f-TFkFVsceRGaNxYdJy89b7aQ0yB_7I27Ii_ERDCU5HWJaZ5_5IdSKgO0wKljGz_oIRCHA3Dd2z7c55SZUFGEELAG0P/' 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/AVvXsEj-uAy-BSbgTgPs3A_oaVc1J4AytUx6HJPV7EB2SQlSXBFEaJS6-aLfy_hCx_uERcq0hsuhyx03R7yaopm0k2d_erI6NTCPAm4I_LqlEJkDDedmP22f0P3u0qPZc53WKTaOm_g0YnSlY3P2/' 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.

0 Responses So Far: