How to: add Drag to share function to your website

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

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 *

Scroll to Top