Social bookmarking elements after each blog post(includes Stumbleupon,Twitter,Facebook)

Update:-Facebook Icon Added
Social Bookmarking Icons for Blogger - The social bookmarking blogger widget will add neat social bookmarking icons below each of your posts so that your readers can bookmark your posts at various social bookmarking sites like digg,stumble,magnolia,delicious,google,yahoo etc.. This is the updated version of my previous post post on the same.. in this i have added a new stumble upon button.If you use this you will get the bookmarking icons after each blog post as you see on my blog here . To get this working on your blog do the following steps..

1)Goto Blogger Template>Edit HTML back up your template and expand the widget templates..
2)Now in your template find

</head>

and just above that paste the following code

<script src='http://blogger-plugins.googlecode.com/files/bkmrk_hover.js'></script>
<style type='text/css'> .bookmark img { border: 0; padding:0px; } .bookmark a:hover { position: relative; top: 1px; left: 1px; } </style>

3)Now find

<p class='post-footer-line post-footer-line-3'>

Or if that is not there then find

<div class='post-footer-line post-footer-line-3'>

and place the  following code  just below any of these lines[whichever is present in your template].

<!-- Social Bookmarking Icons Start  www.bloggerplugins.org-->
<span class='bookmark'><table align='left' border='0' cellpadding='0' width='100%'><tr><td style='vertical-align:middle' valign='middle' width='30%'><div expr:id='&quot;sbtxt&quot;+data:post.id'>Bookmark this post:<span style='display:none'><a href='http://www.bloggerplugins.org'>blogger tutorials</a> <a href='http://www.bloggerplugins.org/2007/09/social-bookmarking-elements-after-each.html'>Social Bookmarking   Blogger Widget</a></span></div><script type='text/javascript'>showsbtext(&quot;sbtxt&quot; + &quot;<data:post.id/>&quot;,0)</script></td><td><a expr:href='&quot;http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' expr:onmouseout='&quot;javascript:showsbtext(\&quot;sbtxt&quot; + data:post.id + &quot;\&quot;,0);&quot;' expr:onmouseover='&quot;javascript:showsbtext(\&quot;sbtxt&quot; + data:post.id + &quot;\&quot;,19);&quot;' rel='nofollow' target='_blank'><img alt='StumpleUpon' src='http://lh4.ggpht.com/_u4gySN2ZgqE/SnVFoJLmchI/AAAAAAAAAjg/-2mcU8UjohA/icon_sb_stumb.gif%5B4%5D.png?imgmax=800'/></a> <a expr:href='&quot;http://digg.com/submit?phase=3&amp;url=&quot; + data:post.url' expr:onmouseout='&quot;javascript:showsbtext(\&quot;sbtxt&quot; + data:post.id + &quot;\&quot;,0);&quot;' expr:onmouseover='&quot;javascript:showsbtext(\&quot;sbtxt&quot; + data:post.id + &quot;\&quot;,1);&quot;' rel='nofollow' target='_blank'><img alt='DiggIt!' src='http://lh5.ggpht.com/_u4gySN2ZgqE/SnVFiI7X5sI/AAAAAAAAAjE/uoviRb4H0V8/icon_sb_dig%5B4%5D.gif?imgmax=800'/></a> <a expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' expr:onmouseout='&quot;javascript:showsbtext(\&quot;sbtxt&quot; + data:post.id + &quot;\&quot;,0);&quot;' expr:onmouseover='&quot;javascript:showsbtext(\&quot;sbtxt&quot; + data:post.id + &quot;\&quot;,2);&quot;' rel='nofollow' target='_blank'><img alt='Del.icio.us' src='http://lh4.ggpht.com/_u4gySN2ZgqE/SnVFhIJeylI/AAAAAAAAAjA/efK7u8suKvs/icon_sb_del%5B4%5D.gif?imgmax=800'/></a> <a expr:href='&quot;http://www.blinklist.com/index.php?Action=Blink/addblink.php&amp;Description=&amp;Url=&quot; + data:post.url + &quot;&amp;Title=&quot; + data:post.title' expr:onmouseout='&quot;javascript:showsbtext(\&quot;sbtxt&quot; + data:post.id + &quot;\&quot;,0);&quot;' expr:onmouseover='&quot;javascript:showsbtext(\&quot;sbtxt&quot; + data:post.id + &quot;\&quot;,3);&quot;' rel='nofollow' target='_blank'><img alt='Blinklist' src='http://lh5.ggpht.com/_u4gySN2ZgqE/SnVFgIXzFNI/AAAAAAAAAi8/Vgqkftp6mvk/icon_sb_bli%5B4%5D.gif?imgmax=800'/></a> <a expr:href='&quot;http://myweb2.search.yahoo.com/myresults/bookmarklet?u=&quot; + data:post.url + &quot;&amp;=&quot; + data:post.title' expr:onmouseout='&quot;javascript:showsbtext(\&quot;sbtxt&quot; + data:post.id + &quot;\&quot;,0);&quot;' expr:onmouseover='&quot;javascript:showsbtext(\&quot;sbtxt&quot; + data:post.id + &quot;\&quot;,4);&quot;' rel='nofollow' target='_blank'><img alt='Yahoo' src='http://lh3.ggpht.com/_u4gySN2ZgqE/SnVFqxs6oCI/AAAAAAAAAjs/s3Gqfd7n0KQ/icon_sb_yah%5B4%5D.gif?imgmax=800'/></a> <a expr:href='&quot;http://www.furl.net/storeIt.jsp?u=&quot; + data:post.url + &quot;&amp;t=&quot; + data:post.title' expr:onmouseout='&quot;javascript:showsbtext(\&quot;sbtxt&quot; + data:post.id + &quot;\&quot;,0);&quot;' expr:onmouseover='&quot;javascript:showsbtext(\&quot;sbtxt&quot; + data:post.id + &quot;\&quot;,8);&quot;' rel='nofollow' target='_blank'><img alt='Furl' src='http://lh6.ggpht.com/_u4gySN2ZgqE/SnVFiyVxsBI/AAAAAAAAAjI/Zwu2964qKmg/icon_sb_fur%5B4%5D.gif?imgmax=800'/></a> <a expr:href='&quot;http://www.technorati.com/cosmos/search.html?url=&quot; + data:post.url' expr:onmouseout='&quot;javascript:showsbtext(\&quot;sbtxt&quot; + data:post.id + &quot;\&quot;,0);&quot;' expr:onmouseover='&quot;javascript:showsbtext(\&quot;sbtxt&quot; + data:post.id + &quot;\&quot;,9);&quot;' rel='nofollow' target='_blank'><img alt='Technorati' src='http://lh3.ggpht.com/_u4gySN2ZgqE/SnVFpG5R_SI/AAAAAAAAAjk/-cFqb1ngIIA/icon_sb_tec%5B4%5D.gif?imgmax=800'/></a> <a expr:href='&quot;http://www.simpy.com/simpy/LinkAdd.do?href=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' expr:onmouseout='&quot;javascript:showsbtext(\&quot;sbtxt&quot; + data:post.id + &quot;\&quot;,0);&quot;' expr:onmouseover='&quot;javascript:showsbtext(\&quot;sbtxt&quot; + data:post.id + &quot;\&quot;,10);&quot;' rel='nofollow' target='_blank'><img alt='Simpy' src='http://lh6.ggpht.com/_u4gySN2ZgqE/SnVFmiSmYfI/AAAAAAAAAjY/oy9Mov0ttUA/icon_sb_sim%5B4%5D.gif?imgmax=800'/></a> <a expr:href='&quot;http://www.spurl.net/spurl.php?url=&quot; + data:post.url + &quot;&amp;title=&quot; +  data:post.title' expr:onmouseout='&quot;javascript:showsbtext(\&quot;sbtxt&quot; + data:post.id + &quot;\&quot;,0);&quot;' expr:onmouseover='&quot;javascript:showsbtext(\&quot;sbtxt&quot; + data:post.id + &quot;\&quot;,11);&quot;' rel='nofollow' target='_blank'><img alt='Spurl' src='http://lh6.ggpht.com/_u4gySN2ZgqE/SnVFnSDDHYI/AAAAAAAAAjc/rreFKKk8y84/icon_sb_spu%5B4%5D.gif?imgmax=800'/></a> <a expr:href='&quot;http://reddit.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' expr:onmouseout='&quot;javascript:showsbtext(\&quot;sbtxt&quot; + data:post.id + &quot;\&quot;,0);&quot;' expr:onmouseover='&quot;javascript:showsbtext(\&quot;sbtxt&quot; + data:post.id + &quot;\&quot;,17);&quot;' rel='nofollow' target='_blank'><img alt='Reddit' src='http://lh4.ggpht.com/_u4gySN2ZgqE/SnVFlgfMydI/AAAAAAAAAjU/s6JQW7sjXGQ/icon_sb_red%5B4%5D.gif?imgmax=800'/></a> <a expr:href='&quot;http://www.google.com/bookmarks/mark?op=add&amp;bkmk=&quot; + data:post.url +  &quot;&amp;title=&quot;+data:post.title' expr:onmouseout='&quot;javascript:showsbtext(\&quot;sbtxt&quot; + data:post.id + &quot;\&quot;,0);&quot;' expr:onmouseover='&quot;javascript:showsbtext(\&quot;sbtxt&quot; + data:post.id + &quot;\&quot;,20);&quot;' rel='nofollow' target='_blank'><img alt='Google' src='http://lh4.ggpht.com/_u4gySN2ZgqE/SnVFj9KzF0I/AAAAAAAAAjM/JuLU-525wD8/icon_sb_goo%5B4%5D.gif?imgmax=800'/></a>
<script charset='utf-8' src='http://bit.ly/javascript-api.js?version=latest&amp;login=tweettrackjs&amp;apiKey=R_7e9987b2fd13d7e4e881f9cbb168f523' type='text/javascript'/>
 <a expr:href='&quot;http://api.tweetmeme.com/share?url=&quot;+data:post.url'  expr:onmouseout='&quot;javascript:showsbtext(\&quot;sbtxt&quot; + data:post.id + &quot;\&quot;,0);&quot;' expr:onmouseover='&quot;javascript:showsbtext(\&quot;sbtxt&quot; + data:post.id + &quot;\&quot;,21);&quot;' rel='nofollow' target='_blank'><img alt='Twitter' src='http://lh5.ggpht.com/_u4gySN2ZgqE/SnVFp0q8DWI/AAAAAAAAAjo/ZajyLZ5HqSY/icon_sb_twitter%5B4%5D.png?imgmax=800'/></a> <a expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url' expr:onmouseout='&quot;javascript:showsbtext(\&quot;sbtxt&quot; + data:post.id + &quot;\&quot;,0);&quot;' expr:onmouseover='&quot;javascript:showsbtext(\&quot;sbtxt&quot; + data:post.id + &quot;\&quot;,22);&quot;' rel='nofollow' target='_blank'><img alt='FaceBook' src='http://3.bp.blogspot.com/_u4gySN2ZgqE/Snq8BsUw8pI/AAAAAAAAAnM/T1ggoBrv6tk/s400/fbicon.png'/></a>
</td>
</tr>
</table><br/>
</span>
<!-- Social Bookmarking Icons End  www.bloggerplugins.org-->

if every thing went correctly you should get the bookmarking set on your blog.. and also some mouse over animation as you see on the icons below this post.. Now you can remove the unwanted buttons by removing the corresponding <a expr:href=....</a> tag.
You can also change the button images if you like.I am looking for some better bookmarking icons(especially for that stumbleUpon).If anybody has it please leave a comment here.
Credits to Beautiful Beta for this awesome javascript

---

You can use this article on your blog,but make sure that you link back to the original post page @ bloggerplugins.org. Article Licensed Under the Creative Commons Licensing Read - [CC Licenses Attribution-SA 2.5].

---

Share this Article

• Share on Facebook
• RT @bloggerplugins Social bookmarking elements after each blog post(includes Stumbleupon,Twitter,Facebook) ~Share on Twitter
• Share on Delicious
• Share on Digg
• Share on StumbleUpon