Anyone who visited Mashable lately, the popular social news website, might have seen the "drag to share" functionality which appears when hovering an image.

It is a smart technique which encourages visitors to share a story by offering a quite fun usage.

Nettuts+ is sharing a very nice tutorial (with source) that enables you to implement this feature using jQuery & jQuery UI.

It makes use of the draggable & droppable components of jQuery UI to make drag’n dropping & targeting objects possible.

To see how it works, a demo is provided as well.

John Resig is sharing very functional script named Easy Retweet Button that will simplify "the sharing of your content on Twitter".

It is an unobtrusive JavaScript file for displaying a retweet link with a shortened URL via Bit.ly (similar to Tweetmeme) & number of clicks came to that content from Twitter.

Easy Retweet Button has 2 ready-to-go styles: vertical & horizontal. And it can be easily themed as only HTML, CSS & JavaScript is used.

It is possible to customize the "Retweet" text, prefix of the tweets (like RT @..) & Bit.ly username / API key to be used.

It offers various advantages like:

• speed: it works completely asynchronously
• tracking: all the tracking is done via Bit.ly & clicks from retweets can be tracked from a single interface

Steps For Using It With Wordpress:

This is nothing complicated but can save your time:

Read the rest of this entry »

Flash Bookmarks is a free Flash component for integrating social bookmarking links to any website easily.

It supports the most popular sites like Digg, Delicious, StumbleUpon, Technorati, Facebook, Google and Reddit.

The look & feel of the social bookmarking menu created with the component is totally customizable. It is possible to change:

• the icons to be displayed
• the size of the icons
• the aspect of the hint text for the icons
• details regarding the bookmarked data.

Flash Bookmarks can be both added by drag’n drops from the component panel of Flash or by code (AS3).

Social bookmarking buttons like Digg, Delicious or StumbleUpon on any website is very familiar. They help spreading the content.

Twitter, getting bigger & better, is also another powerful network where content can reach to thousands easily in minutes.

To help the readers of a website share/tweet a content at Twitter easily, here is a simple way of integration:

You can send a querystring to Twitter like:

http://twitter.com/home?status=Your Tweet. For example, a tweet link for this post can be:

http://twitter.com/home?status=How To Add Tweeting With Short URL Functionality To A Website (With PHP): http://www.webresourcesdepot.com/how-to-add-tweeting-with-short-url-functionality-to-a-website-with-php/

The problem & the solution:

There is a 140 character limit in Twitter & the length of the URL is a headache. So, auto-shortening the URL with a short URL service will be handy.

Read the rest of this entry »

This is a good looking XHTML-CSS social bookmarking menu that can be used for promoting the content.

The menu (created from an unordered list) simply hides a portion of the social bookmaring icons & displays them when hovered.

It is ready to be used for Wordpress blogs with the related tags defined but can be used on any website by updating the links.

It has all the major social bookmarking websites included.

P.S. It is the revisited version of this menu.

This is a free social bookmarking script that does not automatically inserts all the popular social bookmark links into your website.

It provides you the base & enables you to easily create/customize bookmarking links.

How to use it?

• insert sbookmark.js to your webpages
• call the function for the preferred bookmarking site like: <a href="#" onclick="sbs_delicious(); return false;">...</a> for delicious.com.

In short, it saves your time from learning the submission formats of each social bookmarking website.

In the download page there is also a social bookmarking images pack.

mooSocialize is an ajax based social bookmark widget which helps submitting content to the social bookmark websites easily.

Once clicked, a window with the social bookmark website logos appears. Clicking the desired social bookmarking website does not redirect you to another website, a hovered window like Lightbox opens and the new website runs there. This nice feature helps keeping your website visitor on your page.

There is also a Wordpress plugin which helps integrating mooSocialize into a Wordpress powered blog.

Name says it all but mooSocialize is built with the beautiful mootools javascript framework.