Sharing the new post to social websites like digg, twitter, facebook or just via the instant messenger or email is the thing that almost webmasters want their visitor to do after reading their handy article. There are many ways that the webmasters can do to add the “social function” to the website but “Drag to share” is the new way to encourage visitor to do that.


With “Drag to share” enabled website, you just drag an image and drop it into any social website to share the article, there’re some ways that you can do:

Do it your way

Following a useful article about “Drag to Share” was posted by Nettuts+ in 2009 can help you build a Drag to share function by yourselves, with this way, you can add many social websites as you like. If you can understand how Jquery and the CSS work, you can modify it to suit your needs. Before you do, you can view the demo at: http://nettuts.s3.amazonaws.com/467_dragtoShare/source/dragToShare.html

WordPress plugin

Based on the Nettuts+ article, Adrian Apan was built up a wordpress plugin that will add the same function to your WordPress website, this’s an easy way for the new users who have less experience about coding to achieve this technique.

You can download the plugin at: http://wordpress.org/extend/plugins/drag-to-share

JavaScript plugin

DragToShare is a jquery plugin, which can set all document images to be an user interactive drag to share element. It is very easy to use, simply call from document header section with elements identifiers, it will do all magic by itself. It greatly helps webmasters to increase its site popularity.

Professional service by Meebo

Using this service will bring back many best features: it can access to over 100 social networks and compatible with Facebook connect, furthermore you can track site visitors. In other ways, it’s not only images that you can drag and drop, flash images and links can be shared too.

Note: Meebo was acquired by Google on June 4, 2012

You Might Also Like:
12 Essential Plugins for WordPress Ecommerce Sites Many WordPress site owners are passionate about subjects like Design, Social Media, Cooking or Art. They work on their WordPress site part time and dr...
Automatically get backlinks for every blog post with Digi Article Blaster  Last month I've got a chance to use a brand new SEO WordPress plugin from my close friend, Andy, it called as Digi Article Blaster and extre...
3 Tools to Test Your Site for Mobile Devices The Internet has taken a wide array of turns in its development. It started out as a desktop, then turned into a laptop, and currently is being access...
List of 10 Little Known but Handy Plugins for Developers WordPress is the most impressive content management system that comes with hundreds and thousands of plugins that offers all sorts of customizations f...
8 Simple Tips for Improving Your Web Design There are many factors related to web designing which can affect the success and failure of the business. The factors like colors, fonts, images etc o...

5 thoughts on “How to: add Drag to share function to your website”

  1. Pingback: Tweets that mention How to: add Drag to share function to your website -- Topsy.com

  2. Don’t forget there’s an extended version of this plugin: http://wordpress.org/extend/plugins/wp-dragtoshare-extended/

  3. Pingback: 80+ Fresh Articles for Designers, Developers and Freelancers | tripwire magazine

  4. I love your blog.. very nice colors & theme. Did you create this website yourself or did you hire someone to do it for you? Plz answer back as I’m looking to create my own blog and would like to find out where u got this from. thank you

    1. Thank you so much, Lacey :) I do this theme myself, it’s based on the Genesis framework!

      I see your blog looks nice too.

Leave a Comment

Your email address will not be published. Required fields are marked *