Friday, August 3, 2007

Social Bookmarking Widget for Blogger

On a social bookmarking system or network, users store lists of Internet resources that they find useful. These lists can be accessible to the public by users of a specific network or website. Other users with similar interests can view the links by topic, category, tags, or even randomly. Other than web page bookmarks, services specialized to a specific subject or format - feeds, books, videos, shopping items, map locations, wineries, etc. - can be found.


The biggest way of increasing traffic to small blogs is Social networking. As such social bookmarking becomes very essential for small blogs such as ours. With that said, it is very important to provide the readers with a very easy way to bookmark the articles they find useful. As you may have seen till yesterday, this blog used Addthis social bookmarking tool which the most of bloggers at blogspot use. But it needs an extra click as compared to the social bookmarking widget of wordpress.com blogs and hence comes this article to the rescue Now to have social bookmarking widget on your blogs like this blog has, all you need to do is find the below piece of code in your blog's HTML (go to dashboard>> layout >> Edit HTML and then click on "Expand Widget Templates")

<div class="post-body">
<p><data:post.body></data:post.body>


<div style="clear: both;"> <!-- clear for photos floats -->
</div>
BOOKMARKING CODE GOES HERE
<div class="post-footer">
<p class="post-footer-line post-footer-line-1">
</p></div></div>


And replace the BOOKMARKING CODE GOES HERE text with the below code as it is.



<!-- Start of social bookmarking Widget for blogger Code-->
<a expr:href='"http://digg.com/submit?phase=2&amp;url=" data:post.url "&amp;title=" data:post.title' target='_blank' title='Submit to Digg'><img alt='Digg' src='http://nebuz.i21.googlepages.com/digg.gif'/></a>
<a expr:href='"http://technorati.com/faves?add=" data:post.url' target='_blank' title='Add to technorati Favourites'><img alt='Technorati' src='http://nebuz.i21.googlepages.com/technorati.gif'/></a>
<a expr:href='"http://del.icio.us/post?url=" data:post.url "&amp;title=" data:post.title' target='_blank' title='Save to del.icio.us'><img alt='del.icio.us' height='25' src='http://nebuz.i21.googlepages.com/delicious.gif'/></a>
<a expr:href='"http://www.stumbleupon.com/submit?url=" data:post.url "&amp;title=" data:post.title' target='_blank' title='Review at StumbleUpon'><img alt='Stumbleupon' src='http://nebuz.i21.googlepages.com/stumbleupon.gif'/></a>
<a expr:href='"http://reddit.com/submit?url=" data:post.url "&amp;title=" data:post.title' target='_blank' title='Submit to Reddit'><img alt='Reddit' src='http://nebuz.i21.googlepages.com/reddit.gif'/></a>
<a expr:href='"http://www.blinklist.com/index.php?Action=Blink/addblink.php&amp;Url=" data:post.url "&amp;Title=" data:post.title' target='_blank' title='Send via BlinkList'><img alt='Blinklist' src='http://nebuz.i21.googlepages.com/blink.gif'/></a>
<a expr:href='"http://www.furl.net/storeIt.jsp?t=" data:post.title "&amp;u=" data:post.url' target='_blank' title='Furl this article'><img alt='Furl' src='http://nebuz.i21.googlepages.com/furl.gif'/></a>
<a expr:href='"http://www.spurl.net/spurl.php?url=" data:post.url "&amp;title=" data:post.title' target='_blank' title='SpURL this article'><img alt='Spurl' src='http://nebuz.i21.googlepages.com/spurl.gif'/></a>
<a expr:href='"http://myweb2.search.yahoo.com/myresults/bookmarklet?t=" data:post.title "&amp;u=" data:post.url' target='_blank' title='Save to Yahoo'><img alt='Yahoo' src='http://nebuz.i21.googlepages.com/yahoo.gif'/></a>
<a expr:href='"http://www.simpy.com/simpy/LinkAdd.do?href=" data:post.url "&amp;title=" data:post.title' target='_blank' title='Submit to Simpy'><img alt='Simpy' src='http://nebuz.i21.googlepages.com/simpy.gif'/></a><br/>
<!-- End of social bookmarking Widget for blogger Code -->



Save the editings and it is done.