Friday 7 September 2007

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 replace








<head>



with




<head><script src='http://blogger-plugins.googlecode.com/files/bkmrk_hover.js'></script>




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 code from the following file just below any of these lines[whichever is present in your template].

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

Digg Google Bookmarks reddit Mixx StumbleUpon Technorati Yahoo! Buzz DesignFloat Delicious BlinkList Furl

0 comments: on "Social bookmarking elements after each blog post(includes Stumbleupon,Twitter,Facebook)"

Post a Comment