Wordpress Plugin: Drag to Share
As always, I’m short on time but between all my projects I made some time to develop a new WordPress plugin. It’s called “Drag to Share“. I`m sure that a lot of people waited for a this kind of plugin just like me. It’s a plugin similar to the script offered by Meebo.com, and used by big player on the web like Mashable for example. The idea behind this plugin is simple, you place an image into a <div> with a specific class and after that the magic comes. I must specify that this plugin was developed on the source files created by Dan Wellman and some credits for certain graphic elements goes to my friend Bogdan Pop.
Overview
“Drag to share” is the newest trend in social sharing. Just drag an image and drop it into any social website to share the whole page in real time on Twitter, del.icio.us or Facebook. The plugin offers you a great flexibility so you can let your imagination free and spice up your WordPress based website in a unique way. The plugin is at the first stable version. For any bugs or incompatibility issues please announce me using the comment section of this post to be able to make fixes or to point you into the right direction.
Demo
Installation/Usage
- UnZip and Upload ‘drag-to-share.zip‘ to the ‘/wp-content/plugins/‘ directory
- Activate the plugin through the ‘Plugins‘ menu in WordPress
- Place the image which you want to have the “Drag and Share” effect between <div class=”ui-draggable”> and </div>
<div class=”ui-draggable”>
YOUR IMAGE HTML CODE GOES HERE
</div>
Official WordPress Plugins Directory: http://wordpress.org/extend/plugins/drag-to-share/
Of course the possibilities of usage are endless. You can use on any image on your website/blog or with a bit of imagination you can even create a nice “Share” button and place it somewhere on a sidebar or even in your template. All you have to do is to stick to the implementation rule and everything should work great.
FAQ
1. Can I add more social website to the list?
The answer is no. For now you can use only the 3 (three) social sharing websites as follow: Twitter, del.icio.us and Facebook. Later, as time will allow me, I will try to extend this great plugin. Of course if you have some good PHP knowledge you can edit the plugin and extend it. In this case please let me know.
2. What is with that mascot? Can I remove it?
What?! You don’t like it? …. The mascot is my personal touch for this plugin. As you can see it’s my website’s mascot and I’m proud of it. You can remove it but again, to do this, you will have to get into the code and modify a picture so let the poor guy there to share your links 
3. There are any incompatibility with other plugins?
From what I have tested and I know there are no incompatibility issues. In any case if you notice something please post a comment here and in case the solution too if you found it to help other readers.
 |
 |
Oct 20, 2009
great plugin!
[Reply]
Oct 20, 2009
not bad but having scrolled down scrolling messes it up…
[Reply]
Adrian Apan Reply:
October 29th, 2009 at 9:38 pm
What do you mean by “having scrolled down”? When the script is activated and you try to move the image div into the websites boundaries? Let me know and thanks for posting the solution (a detailed one would be appreciated a lot)
[Reply]
Oct 20, 2009
got it done by fixing the position of the overlay and the targets
[Reply]
Oct 20, 2009
Nice Port Adrian. I just spotted Dan’s tutorial on nettuts and was thinking a wordpress port would be nice.
Did you get inspiration from Chris Spooner on your mascot?
[Reply]
Adrian Apan Reply:
October 29th, 2009 at 9:38 pm
Thank you! And yes, a great part of the mascot was inspired from Chris tutorial. I wanted to have something cute and friendly. Of course I have not copy the mascot as you can see but my inspiration came from that specific tutorial. I hope you like this one too
[Reply]
Oct 20, 2009
Awesome plugin
Great work…
[Reply]
Oct 20, 2009
Umm… Doesn’t seem to be working with my blog at all. Followed the instructions but doesn’t work for me? Are there any know problems when used with the [caption] tag in WP? Can’t think of what else might be causing it not to work.
Oh and … Buy my a cup of coffee. Or Buy me a cup of coffee?
[Reply]
Adrian Apan Reply:
October 29th, 2009 at 9:39 pm
Please give me a link to your website to check it out myself. And thanks for the typo notice.
[Reply]
Oct 20, 2009
Hey there is a link to the current post i have it on http://www.whataboutki.com/life/the-new-paper-sissors-rock
Right now I have the div around the image and caption, but I was tried just the image.
Thanks for the help.
By the way I’m in New Zealand and going to bed now (1am) so don’t expect a reply for another 8 hours or so.
[Reply]
Adrian Apan Reply:
October 29th, 2009 at 9:39 pm
The solution is very simple. I just review the source of your blog and it seems that you have a double quotation. Remove the “non-smart” quotes and everything should work fine. Shortly, keep the curly quotes rather than the non-smart ones. Try to type rather then copy paste it.
Let me know if this worked for you.
If you want to read more about how WordPress processes quotation marks, you can have a look at this article here: http://1heckofaguy.com/2008/07/17/wordpress-quotation-marks-too-smart-for-their-own-good/ or http://dossier.dunker.de/?s=guillemet
[Reply]
Oct 21, 2009
Awesome work..
[Reply]
Adrian Apan Reply:
October 29th, 2009 at 9:35 pm
Thank you!
[Reply]
Oct 22, 2009
Amazing work…
I tried to install it on my blog, but i think i have some problems with the css code, because when i active the plugin, the slideshow from the header dont work correctly, and obviously, the plugin isnt working :S
Do you kwnow what can be happening?
Im using the modularity-lite theme and the latest wordpress version.
Thank You!
[Reply]
Adrian Apan Reply:
October 29th, 2009 at 9:35 pm
The problem is an incompatibility between the 2 JS files. The plugin use jquery-1.3.2.min.js and the theme’s slideshow script use jquery-1.2.6.min.js. And update will be needed probably.
I will look into this later tonight and will get back to you with an answer. Until then you could google about this issue cause I`m sure there are a lot of answers out there.
[Reply]
Oct 22, 2009
Thank you very much!
I will take a look on that incopatibility issue. ^^
[Reply]
Oct 23, 2009
Hello Again
I asked my prog. teacher and he said to update too, but I replaced the file from the “js” theme folder and it still dont work. The latest jQuery file makes the slideshow not to work correctly.
I found an answer from a forum to a similar problem… the solution was to delete the plugin js files and only use the theme’s ones (http://tiny.cc/CFHEr).
Anyway, i will still try to fix it.
Thank you for the help!
[Reply]
Adrian Apan Reply:
October 29th, 2009 at 9:35 pm
As soon as I will have some time I will give you some guidelines to fix this issue ok? Until than maybe you could find useful my website (to serve as example) cause I use a JS powered slideshow on my homepage too. Check out the source and maybe you’ll find something to help. In any case will try my best to make some time to overview this issue.
[Reply]
Oct 23, 2009
Is there any way to make it link to an anchor in the page?
Currently this is what happens, when i drag it and share it on say Twitter, it just links to the page.
Is it possible for it to link it to an #anchor within the page so that the page would automatically scroll to the position of the image? Mashable appears to do something similar. For eg, here is the link that appears: http://bit.ly/4eMrPc#mb
But the anchor doesn’t work, it seems. It still goes only to the top of the page.
Have it link to an anchor and have the page automatically scrolled would have been really cool! Anyways thanks for the plugin.
[Reply]
Adrian Apan Reply:
October 29th, 2009 at 9:35 pm
Nicely pointed out. For now the plugin doesn’t support anchor linking but I will definitely include this feature in the next version.
[Reply]
Oct 23, 2009
[...] http://dev.adrian-apan.com/wpplugintest/test-page-1 Plugin Hompage: http://www.adrian-apan.com/blog/wordpress-plugin-drag-to-share License: License [...]
Oct 25, 2009
Great plugin. Mashable style!
[Reply]
Adrian Apan Reply:
October 29th, 2009 at 9:34 pm
I`m glad you like it. Don’t forget to spread the word!
[Reply]
Oct 25, 2009
not work for me!
have Titan theme in WordPress.
[Reply]
Oct 25, 2009
question; why u not have ur plugin here on ur site? :-O
[Reply]
Adrian Apan Reply:
October 29th, 2009 at 9:34 pm
Let me have a link to the website where you have installed the plugin to see if I can help you. And I don’t use it because I already have a share button on my posts and I want to stick to that
and beside this on certain images around the site I use shadowbox and I don’t want that the UI to be too confusing.
[Reply]
Oct 29, 2009
Adrian, it doesn’t seem to be working on my site. I have the div around my site’s comics, as you can see here: http://www.2pstart.com/2009/10/28/halloween-safety-tips/
Also, you might want to update your installation/usage section above. You call the class ‘uidraggable’ in one place and ‘ui-draggable’ in another place.
Thanks.
[Reply]
Adrian Apan Reply:
October 29th, 2009 at 9:31 pm
Hey Tim! Try deactivate the PodPress plugin and let me know if will work after that. The single cause I can see is the 2 js incompatibility. Will have to update the plugin. Please see above comments too. In any way I will make a fix too as soon as I will have some free time so follow this post but of course the update will appear on your wordpress admin->plugin section too cause I will upload it to the repo on official WP dir. Until than if you have some time to google around you will find an answer for this updated js incompatibility issue. Finally thanks for pointing me out the typo!
[Reply]
Oct 29, 2009
Nice plugin but I wonder whether plugin can add the tag automatically, not inserting by hands? It will take a lot of time
[Reply]
Adrian Apan Reply:
October 29th, 2009 at 9:33 pm
Well Tinh, I opted to add manually the div around images cause the most of the people would like to take control over this option (for example I use other scripts on some of my pictures so I would avoid to put 2 or more effects over one single image). In any case I will include this features as an option in the next version of the plugin so hopefully soon enough you will have an automated version too.
[Reply]
Tinh Reply:
October 30th, 2009 at 4:03 am
Thanks for your quick reply. Hope to see the next release sooner.
[Reply]
Oct 29, 2009
I am using a Woo theme and when i enable drag to share it shifts all of my text from every post to the left, then when i drag an image the share options dont appear
thanks
[Reply]
Adrian Apan Reply:
October 29th, 2009 at 10:01 pm
Hello Dan. Please let me have a link to this site to be able to take a look and to guide you in the right direction.
[Reply]
Oct 29, 2009
Thanks for the superfast reply heres my blog link
http://creativecogs.hostzi.com/wordpress/
im a bit of a wordpress noob so sorry in advance
thanks
[Reply]
Adrian Apan Reply:
October 29th, 2009 at 10:14 pm
No problem Dan. First of all please insert the image on which you want to have this effect into a div with class defined as ui-draggable rather then to setup the image as having the class ui-draggable. After that it should work. Hopefully this is causing the align issue too. If somehow not I will take a look after you correct this problem. So again. Make a div with class ui-draggable and into that div you can insert the image. Hope that this make sense.
[Reply]
Oct 29, 2009
Really sorry but how do i make a DIV?
thanks
[Reply]
Adrian Apan Reply:
October 29th, 2009 at 10:24 pm
Ok … so let’s see in order. Try edit one of your articles/posts in WP.
Change the editor to HTML from VISUAL. Now locate the image on which you want to place this DragToShare effect. The image HTML code should be something like <img src="http://www.sitename.com"/>
Now before this image code insert <div class="ui-draggable">
…. and after the image code ends close the div with </div>
As simple as that. Take a look at the Installation/Usage part from this post too for an example.
[Reply]
Oct 30, 2009
Hi. just wanna let u know I have tried this for some hrs now….but can´t get it to work
[Reply]
Nov 03, 2009
hi, i installed your plugin and placed the div tags, but it jacked my site up bad. the plugin appeared to at least function, but when i drag an image, i don’t actually get an option to share the content.
i’ve had to deactivate the plugin since it messed my sit up so bad. i like the idea of using this plugin, but i can only do so if it doesn’t wreck my style.
[Reply]
Adrian Apan Reply:
November 3rd, 2009 at 12:28 pm
Nebben,
are you talking about this site http://societrends.com , right? In this case the problem why you have some issues could be the lightbox plugin you use on your images. I say to play around on a clean WP install (drag to share + lightbox) or combine any other image related plugins with drag to share and you will be able to see what’s the problem and what is that particular things which break your CSS.
[Reply]
Nov 03, 2009
Hi Adrian,
I think it’s great that you’ve developed the nettuts tutorial into a WP plugin (or the other way round, whichever) but I’m sure I’m not the first to discover the page scrolling bug, and was hoping this was something that would be fixed before being released through the WP Codex.
I’m currently at a stage where I’ve got various minor fixes to the files used in the nettuts tutorial which you may be able to make use of in version updates. If you would like me to share my finding can you please email me at the address provided? Other than that, keep up the great work – I’m sure this will be a hugely successful plugin
[Reply]
Adrian Apan Reply:
November 3rd, 2009 at 5:10 pm
Hey Mike,
Thanks for the warm comment. Indeed there are some small fixes which need to be made but the lack of time don’t really allow me. If you think you will have some time to take a look around small bug fixes (like the scroll issue or some js incompatibility issues) I would gladly include you into the developers and give you credits for this plugin. I will mail you later with details and we shall see what we can pull out together. A helpful hand is always welcomed
[Reply]
Nov 05, 2009
Fantastic plugin
Unfortunately I think there is a conflict somewhere as when my page loads up the left sidebar gets moved right to the bottom of the posts.
So i’ve had to deactivate for the time being… but if you get a minute to look I’ll re-activate to ask your opinion.
Thanks again for doing a great job
Lee.
[Reply]
Adrian Apan Reply:
November 5th, 2009 at 11:45 am
Thank you
Can you please activate the plugin for me to be able to see than the source of the website? You can catch me up on Twitter too @AdrianApan if you think you want to notice me in a faster way. I will check out what could be the problem after you have reactivated the plugin ok? Will wait you tweet or reply.
[Reply]
Lee Smallwood Reply:
November 9th, 2009 at 1:10 pm
Let me know when you’re online
I’ve sent you an @ 
Lee
[Reply]
Nov 06, 2009
Twitter Comment
Drag to Share Funktion wie bei Mashable als #WordPress Plugin [link to post] (via @wpSEO )
– Posted using Chat Catcher
[Reply]
Nov 06, 2009
Twitter Comment
RT @michaeloeser: Drag to Share Funktion wie bei Mashable als #WordPress Plugin [link to post] (via @wpSEO )
– Posted using Chat Catcher
[Reply]
Nov 06, 2009
Twitter Comment
Drag to Share Funktion wie bei Mashable als #WordPress Plugin [link to post]
– Posted using Chat Catcher
[Reply]
Nov 07, 2009
Hi Adrian! Do u have the drag and Share feature here on ur page for demo? Be coz when I drag something in ur site it does not show any Drag and Share function!!!??? Or is it my browser who not works?
[Reply]
Adrian Apan Reply:
November 7th, 2009 at 4:11 pm
No Maz, I don’t have the plugin on my website/blog. You can find a demo here: http://dev.adrian-apan.com/wp-sandbox/wp-plugin-drag-to-share-demo
[Reply]
maz Reply:
November 7th, 2009 at 5:07 pm
however….. it seems not work on my blog http://matzzon.com
how much i try, no success
just sitting here waiting for somebody solve it by magic
[Reply]
maz Reply:
November 7th, 2009 at 5:08 pm
….and that´s sad be coz I really NEED it!
[Reply]
Adrian Apan Reply:
November 7th, 2009 at 5:16 pm
We discussed this before in email. There is a js incompatibilty issue. When I will have some time I will make an update version of Drag To Share. Until than if you want to fix it update the js libraries. Make a google search and you’ll find a bunch of useful info.
[Reply]
Nov 07, 2009
By the way! What´s the name on the WP-plugin u use on the top of this page? The “te!! a friend” popup one!?
[Reply]
Adrian Apan Reply:
November 7th, 2009 at 5:17 pm
In my website’s case that is not a plugin. It’s a theme hack (a code manually inserted by me). The code is provided by http://tellafriend.socialtwist.com. Maybe there is a plugin too around but I`m not sure.
[Reply]
maz Reply:
November 7th, 2009 at 6:17 pm
thx a lot mate! sorry to bother u with my drag and share issue, but i had loved to have it u see.
I also had loved to got that hack from u for “te!! a friend”. be coz I hate those ugly buttons with borders and also not me able to change the blue font color.
thx again for ur answer and kind mind.
[Reply]
Adrian Apan Reply:
November 8th, 2009 at 1:09 pm
To add the “tell a friend” script create an account on the previously mentioned website and after you create your button you will have a code generated. Copy/Paste that code into your WP theme where you want the button to appear (on single post page for example).
[Reply]
maz Reply:
November 8th, 2009 at 1:15 pm
Already done that! But it´s just the regular usual one as is boring as hell. U can look at my site http://matzzon.com
with lines/frame around.
What I looking for is a more simple one as yours. And also with other font color.
That´s the reason I wrote as I did above to u!
I hate buttons
[Reply]
Adrian Apan Reply:
November 8th, 2009 at 1:19 pm
Just edit you button look http://tellafriend.socialtwist.com and then re-copy your button code.
Nov 08, 2009
That´s the hard part for me as n00b.
Can´t find out where to change color and take the borders away to make the text background (button) transparent.
[Reply]
Adrian Apan Reply:
November 9th, 2009 at 1:08 pm
Rather then to modify the code you generate, you change the look of the button on the site. You just choose another button and generate a code for that. It’s nothing related to codes here
[Reply]
maz Reply:
November 9th, 2009 at 2:08 pm
However. FYI I´ll let u know that the WP DragToShare eXtended plugin does not work in my blog either!
It must something with my Titan theme not fits for those plugins right? Or can it depend on that I have Shadowbox JS plugin installed?
No Adrian Drag to Share! No WP DragToShare!
[Reply]
Nov 08, 2009
http://www.docstoc.com/docs/15305369/maz-tell-a-friend-code
[Reply]
Nov 09, 2009
Adrian, it doesn’t seem to be working on my site. When i activated the plugin when the page loads the image moves out from alignment i’ll be thankfull if you can help me in this regard…
[Reply]
Webanalyst Reply:
November 9th, 2009 at 12:43 am
This is my site link : http://www.latestmoviescentral.com/downloads
—> where the plugin is activated.
[Reply]
Adrian Apan Reply:
November 9th, 2009 at 1:03 pm
Please insert an image into a div with class=”ui-draggable” to be able to see how the plugin brakes your CSS (alignment and so on). Let me know when you have made this and then I will take a look and will guide you in the right direction.
[Reply]
Nov 09, 2009
Hello Adrian!
This is awesome. Can you install the plugin for me aut of wordpress?
This is my site http://www.center-marketing.com
Also, i have problem to use the plugin in WP 2.8.5 Any idea?
My blog is http://www.dondeexito.com
Thanks in advance an best regards
Ariel
[Reply]
Adrian Apan Reply:
November 9th, 2009 at 1:12 pm
Hello Ariel!
The installation is very simple. Read above (in the article) the step by step guide. There are just a few simple steps. Once you have the plugin activated on your website create a new post (or edit one) and where you have an image on which you want to place this effect just wrap it into a div with class=”ui-draggable” (under HTML view of the editor)
[Reply]
Nov 11, 2009
Seems like a common theme in comments – 1) but has there been any resolution regarding the overlay and where it is positioned?
2) how do you turn off the automatic classification of all images? i.e. i only want to select certain pics to be draggable. in the description it seems like this is the main functionality but upon activating all images are draggable.
3) in your css for the plugin you have #content {} and #content img{} both of which i use in my theme. Your css should probably be more specific to the plugin lest there be more conflicting styles.
otherwise its awesome
[Reply]
Adrian Apan Reply:
November 11th, 2009 at 6:56 pm
1) Until now nothing from what I have seen. A single issue appeared regarding the scroll overlay but the fix came right ahead (read comment above)
2) I haven’t notice something like this until now … One of my readers asked for a such functionality so I think maybe it’s the theme you use. Or if you have a plugin which may activate DragToShare on all images. If you got the answer a feedback would be appreciated.
3) Nicely spotted. Indeed this can sometimes cause some problems. I will consider the update of the CSS classes on the next version.
… and finally if you feel that you have and answer to a problem that appeared with this plugin please post the solution here too for other readers to have a guideline. Thanks!
[Reply]
Ian Reply:
November 11th, 2009 at 10:29 pm
i deactivated all my plugins other than drag to share and the automatic “dragging” still happens.
additionally i noticed that it stalls my rotating slideshow – a plugin called d13 slideshow. I would be happy with drag-to-share if i could find a way to disable it on the homepage.
any suggestions? i was trying !is_home() all over the place but it didn’t work.
[Reply]
Adrian Apan Reply:
November 17th, 2009 at 8:23 pm
Will make a new release with bug fixes pretty soon so stand by and sorry for any current inconveniences. I`ll try my best to make some time for this plugin.
[Reply]
Nov 14, 2009
Hi There!
Really like the plugin but, hasn’t worked on my blog.
I have gone through all comments but still couldn’t figure out why it’s not working.
The plugin is installed and I have put the div class only on one image on this specific post http://touchreviews.net/index.php/popzit-gross-wicked-popem/
When you hover over the image the cursor changes but, no sharing options appear.
Any help would be appreciated!
[Reply]
Adrian Apan Reply:
November 14th, 2009 at 4:41 pm
Hello Ravin. The DragToShare plugin is in conflict with the WibiyaToolbar. A js incompatibility. When I will have some free time will look into it and release an update/new version of the plugin as promised above too.
[Reply]
Ravin Reply:
November 14th, 2009 at 5:29 pm
Hi Adrian,
Thanks for replying.
I have deactivated WibiyaToolbar on Touch Reviews and still the plugin does not seem to work?
We can’t wait to let our readers DragToShare
[Reply]
Adrian Apan Reply:
November 14th, 2009 at 5:35 pm
Thanks for the feedback Ravin. I will try my best to take some time to make the fixes which the users of DragToShare presented me and I will release a fix for this plugin ASAP. Thanks for your patience!
[Reply]
Nov 14, 2009
wow great plugin… thanks a lot
[Reply]
Nov 14, 2009
Hi,
thanks for the plugin, but something does not work quite right in my blog. Do you know why?
http://davaidavai.com/2009/11/13/ideas-an-illustrated-7-step-guide-how-to-kill-them/
Thx
Gerald
[Reply]
Adrian Apan Reply:
November 14th, 2009 at 4:42 pm
Hi Gerald,
Thanks for your feedback. You problem is just the one that Ravin (see above comments) have too. And incompatibility with the WibiyaToolbar. Will try to release and update with a fix as soon as I will have more time. Thanks!
[Reply]
Gerald Reply:
November 14th, 2009 at 4:52 pm
Ah, okay. Cool, thanks a lot.
[Reply]
Nov 15, 2009
Sir….whether this is the format or not… i mean the code
[Reply]
Adrian Apan Reply:
November 17th, 2009 at 8:24 pm
I don’t really understand … Can you please reform your idea?
[Reply]
Nov 17, 2009
Hy !
Do you expect to make a “share to ffffound” or “dropular” shortcuts ?
[Reply]
Adrian Apan Reply:
November 17th, 2009 at 8:20 pm
Hi Ken! Not in my schedule for now. Hopefully later will add it.
[Reply]
ken Reply:
November 30th, 2009 at 7:45 pm
It will be huge !!! I stay tuned !
[Reply]
Nov 17, 2009
http://www.maltchikes.com/blog/ i cant fixed why? thansk for this incredible plugin
[Reply]
Adrian Apan Reply:
November 17th, 2009 at 8:22 pm
Activate the plugin on the site, add it to an image and let me know after that to be able to take a look at it. Thanks!
[Reply]
Nov 18, 2009
Adrian,
First of all, thanks for the wonderful plug-in. I always wanted it from the day I saw it on Mashable.com.
I installed the plugin and also inserted the IMG code between the DIV tags that you’ve mentioned. However, it is not working. I can see the cursor changing to 4 arrows but when I drag it does not work. Here is a post on which I used the DIV tags:
http://myxcelsius.com/2009/10/07/sap-gbn-xcelsius-gurus-event/
Code:
Any help is greatly appreciated.
Regards,
Kalyan Verma
[Reply]
Kalyan Verma Reply:
November 18th, 2009 at 5:32 pm
For some reason it stripped off the code in my previous comment.
[Reply]
Adrian Apan Reply:
November 19th, 2009 at 12:13 am
Hello!
I will release a new version soon in which several bugs will be fixed. Until then I would be glad if you could leave the plugin activated on that post to have a guideline for your particular bug too. So,… watch your admin dashboard for a fresh update. Thanks for your patience!
[Reply]
Nov 20, 2009
Hey there, trying to implement on the photoshop.kingtutz.com site and I believe it’s conflicting with my drop down in the upper right hand corner. Not sure how to fix it but I’m using jquery 1.2.6 Anyway to allow usage of both cool effects? Great plugin by the way.
[Reply]
Nov 20, 2009
Incredible! but… just useless ^^
[Reply]
Nov 20, 2009
Hey Adrian, great job; unfortunately, I can’t run it…
It’s in Turkish, I hope you can figure it out.
http://www.innovabank.com/2009/11/20/mikrokredi-mudanya-gezisi/
Thanks a lot
[Reply]
Adrian Apan Reply:
November 25th, 2009 at 10:13 pm
Hey! I`m already working on a new version which will resolve these problems and also we will have some cool options in the admin panel.
[Reply]
Nov 20, 2009
Hi from Europe,Germany, I installed the plugin and also inserted the IMG code between the DIV tags that you’ve mentioned. However, it will not working.I have deactivate the lightbox 2 plugin, and all other on the site, but it will don’t work.Can u help me ?
Regards,
Toto
[Reply]
Nov 24, 2009
Hi,
So far I can get the “grab” part to work, but when the image is dragged, the links do not show up? Any thoughts?
[Reply]
Nov 25, 2009
How to implement this plugin to take all the post that I have on my page. I mean, how do I take that all posts at once, those who are already. My webpage is http://www.FlowGraphic.com
[Reply]
Nov 25, 2009
It doesn’t work very well at my blog.
I don’t use that toolbar you were talking about a few posts back.
It’s very strange, at my blog ALL images get the drag functionality. I don’t want that..
There isn’t a div with ui-draggable in my sourcecode but it’s still possible to drag any image on my blog to share..
[Reply]
Nov 29, 2009
Right now, you have to have a div tag for the image you want to share.
Is there any way to have the plugin enabled for all images as I would like to use this plugin for all my post images. My blog is several years old, I’d hate to have to go through each post to modify the div tags for each of the images.
[Reply]
Adrian Apan Reply:
November 29th, 2009 at 2:58 pm
The new version is already under construction. On this new release you will have an admin option through which you will be able to set the effect on all the blog images or to add it manually. Just a bit of patience until I finish, test and release it.
[Reply]
kelly Reply:
November 30th, 2009 at 3:38 am
Hi Adrian, Thank you, I’m looking forward to using the new version.
[Reply]
Nov 30, 2009
Hi Adrian,
when i activated this plugin, the slideshow in my index page stopped working. when I deactivated the plugin it started working. I want this plugin only for my blog page and single post page. and want my slideshow working correctly. Please help me out in this.
Thanks
AnRb
[Reply]
Adrian Apan Reply:
November 30th, 2009 at 9:21 pm
Hi,
Just a little bit more and the new version will be released. Right now it’s under testing to fix any smaller issues I have found yesterday. The problem you have is an js incompatibility but it will be fixed in this version. Stay tuned and thanks for your patience!
[Reply]
Dec 01, 2009
Just installed this on my Thesis 1.6 blog. It takes the pictures in my post that are justified left of the content – and justifies them right – messing up the layout and readability -
Really cool tool – hope this can be addressed.
Thanks for the great coding.
Robert
[Reply]
Adrian Apan Reply:
December 1st, 2009 at 9:28 pm
Hello Robert!
The problem is a CSS conflict and you can correct it easily. Just edit the DragToShare CSS file from the plugin directory (either with your favorite text editor or via your WordPress admin panel) and delete 3 lines:
width:440px;
…. From the class called #content
float:right;
margin-left:20px;
… These 2 from the class called #content img
Or another solution: Just download this fixed css file, unzip and copy it into the plugin’s folder. The download link is:
http://www.adrian-apan.com/files/css_fix_dragtoshare.zip
If somehow you see other problems too please get back to me with a comment to be able to fix it now, until I release the new version which is already under testing, ok?
Thanks!
[Reply]
Robert Reply:
December 1st, 2009 at 9:34 pm
Thanks for the fast response – I’ll give it a try.
Thanks!
[Reply]
Dec 02, 2009
Hi there, LOVE the plugin, but when i enable it it stops Featured Content Gallery plugin from working. Any ideas or fixes?
Thanks in advance
- Aaron
[Reply]
Dec 03, 2009
Adrian,
Great plugin you’ve got here. I think I’m in the same boat as a lot of others here, just waiting for the update on the plugin.
I know you’re working hard over there so I’m not here to bug you about it. You’ve really made a cool option available to people since the functionality first really appeared on Mashable via Meebo. I look forward to seeing what you can do.
I did come to ask one specific question though. As a developer, I use a lot of WooThemes and they really like to put people in a sandbox as far as image attachments go in posts and pages. A lot of their themes make you use their uploader because it uses their thumbnailing script and populates the other pieces of the site.
What I’m getting at however, is that the majority of the time, users aren’t actually inserting image html into posts, it’s being dynamically inserted via custom fields.
Now, I know you’re possibly working on having the divs added automatically in the forthcoming update. On the current version, my only option is to physically edit the theme files and try to place the div in the right place. I haven’t gotten it to work yet, so I’m wondering if you’ve got any advice for any syntax changes when placing inline in theme files.
Keep up the good work, TIA.
[Reply]
Dec 04, 2009
Nice plugin.
There is 1 problem though. When I drag and share an image on home page. The shared info is the site but not the article. Can it grabbed the post info and image?
Also, is it possible to add a share via email function?
Thanks!
[Reply]
Adrian Apan Reply:
December 8th, 2009 at 10:19 am
For now the plugin will share the page from where it’s used. I will consider this suggestion you made so hopefully it will be included in the following version.
[Reply]
kailoon Reply:
December 8th, 2009 at 10:35 am
Hi Adrain,
there is an extended version of this plugin. It works pretty well. But it seems like based on your plugin. I am not sure, you better check it out.
drag and share extended, I think that’s the name..
Thanks for stopping by my site
[Reply]
Adrian Apan Reply:
December 8th, 2009 at 10:44 am
Yes, I`m aware of that but the crowd know that I have ported this first over WP in the same day when Dan Wellman made some of the coding part. Plus I`m comfortable cause even Meebo drop me a “nice work” email so I`m pretty satisfied with my work. In any case I will of course bring the new version too which will have improvements and just to be out of the box I will add some extra features which none of the other version have now so stick around.
Finally your welcome and and hope to stay connected from now one. Will give you a follow too on Twitter
[Reply]
kailoon Reply:
December 9th, 2009 at 6:29 pm
Thanks Adrian
I really hope if there is a “send via email” button
[Reply]
Dec 06, 2009
Twitter Comment
Wordpress Plugin – Drag to Share. [link to post] This is cool… @mashable (http://mashable.com) is using this technology already.
– Posted using Chat Catcher
[Reply]
Dec 06, 2009
FriendFeed Comment
altmktg: Wordpress Plugin – Drag to Share. [link to post] This is cool… @mashable (http://mashable.com) is using this technology .. http://friendfeed.com/e/64ca3e0f-d686-40eb-b200-2acfd0949b30
– Posted using Chat Catcher
[Reply]
Dec 06, 2009
Twitter Comment
RT @altmktg: Wordpress Plugin – Drag to Share. [link to post] This is cool… @mashable
– Posted using Chat Catcher
[Reply]
Dec 08, 2009
Hi there Adrian,
I like this plugin specially after discovering that mashable.com even used it on videos. I’d also really like to install it for my wordpress blog, but the drag to share didn’t work properly even on mashable and if they can’t avoid problems then neither will I do. I tried drag to share the news about google to my facebook account, try it for yourself
http://mashable.com/2009/12/07/google-real-time-search/
Facebook opens I log in but then I click on share an nothing happens, first I thought it’s a facebook problem but then when I used the facebook share button right under retweet it worked just fine!?! What problem might that be? Please can anyone help soon or provide info about when the next version will be released. Thx Sanny
[Reply]
Adrian Apan Reply:
December 8th, 2009 at 10:17 am
Hello Sanny.
I haven’t notice this bug on the official Meebo version of this script. Practically the one used by Mashable and the one used in this plugin are different, on the same idea but slight different so the bug you encountered should be reported at Mashable or at Meebo.
Regarding your problems with my WP plugin I can say that with the WP updates that has been released a lot of bugs occurred but currently I`m already working a new version which will be released very soon (probably next week or so), so you don’t have to worry cause you will have a good version with a lot of bug fixes and new features very soon.
[Reply]
Sanny Reply:
December 8th, 2009 at 3:39 pm
Adrian, thanks for the quick reply! You were totally right I tried the same with your demo and it worked just fine! Thought mashable.com used the same plugin. I can’t wait to get your new plugin
Until then cheers and good luck
Sanny
[Reply]
Dec 09, 2009
Twitter Comment
Mashable style Drag to Share for Wordpress plugin : [link to post] #wordpress
– Posted using Chat Catcher
[Reply]
Dec 09, 2009
Twitter Comment
Mashable style Drag to Share for Wordpress plugin : [link to post] #wordpress
– Posted using Chat Catcher
[Reply]
Dec 15, 2009
Very great work…very nice =)
[Reply]
Dec 20, 2009
Hello,
First, thank you for this wonderfull plug-in.
I install it on this web site : http://www.s311880780.onlinehome.fr/ , I put the div class=”ui-draggable”, but it don’t work, I try with removing all the other javascript, but it still don’t work .
I will really appriciate if you can take the time to take a look to the site.
Best regards,
Azone
(sorry for my English, as you can guess I’m not from an english speaking country)
[Reply]
Dec 22, 2009
Ok, I think I’m doing something wrong. I followed your instructions and added the div tags like so:
It doesn’t allow me to share…
[Reply]
Dec 23, 2009
http://yo27.com/?p=15
it does not work on my page..
[Reply]
Dec 23, 2009
What a great plug in!
[Reply]
Jan 04, 2010
Twitter Comment
@SachaCohen That’s where I first saw it but it be implemented into Wordpress [link to post]
– Posted using Chat Catcher
[Reply]
Jan 04, 2010
FriendFeed Comment
Drag and Share plugin for WordPress. Great way to share to your Twitter and FB account: [link to post] wtwtip http://friendfeed.com/e/fd68a23a-6525-4aa6-9385-feb7976cc82f
– Posted using Chat Catcher
[Reply]
Jan 04, 2010
Twitter Comment
@ShareCreative [link to post]
– Posted using Chat Catcher
[Reply]
Jan 04, 2010
hi.. it is not working here in my blog. can u plz suggest what is wrong?
http://techdusts.com/2010/01/04/hack-how-to-search-for-sex-and-related-keywords-on-bing-and-yahoo-in-india/
i have used it the main image of this post.
[Reply]
Jan 09, 2010
[...] Drag to share is the newest trend in social sharing. Just drag an image and drop it into any social website to share the whole page in real time. This plugin is basically a similar effect release by Meebo.com and used by big players like Mashable. You can download it here. <div class=”ui-draggable”> YOUR IMAGE HTML CODE GOES HERE </div> 0 Comments [...]
Jan 18, 2010
[...] 1.使用外掛 Drag to Share 安裝方式相當簡單，只有兩個步驟而已 解開，安裝，然後再插入代碼(and link to custom image..) [...]
Jan 20, 2010
So, you are the mystery man behind this awesome plugin !
( and u said UR not a well known Developer huh ? 
) I just noticed your name on the edits as I was customizing & implementing this plugin on a friends website Im presently customizing & setting up . I was taken aback when I noticed your name on it and did a double take ( as I thought my eyes were deceiving me 
) -hmmm..I guess they were not Mr. Apan ! 
Great job & better than the ehemm ‘French version‘ [ as I prefer the icons U have used in this rather than those big bulky ones on the other version , which shall remain nameless 
] . I shall now await for you to surprise me again Adrian 
M.
[Reply]
Jan 20, 2010
Twitter Comment
RT @AdrianApan “WP Plugin-Drag to Share” drag an image on any social website to share on Twitter,del.icio.us or Facebook [link to post]
– Posted using Chat Catcher
[Reply]
Jan 21, 2010
Adrian,
I always wondered how Mashable got their ‘drag and drop’ feature runing on their blog until I found your plugin. Great job!
currently i’m using it on my blog URL: http://jessywu.net/search-engine-ranking-factors/ and it doesn’t seem like it’s working.
I’m not sure if it’s because it’s not compatible with other jqury programs or not. would you be kind enough to take a quick look for me?
I would really appropriate your time here.
[Reply]
Adrian Apan Reply:
January 21st, 2010 at 9:41 am
Hey Jessy, I will look into this later today and I will get back to you with an answer. Until then, stay tuned and thanks for passing by.
[Reply]
Jessy Reply:
January 21st, 2010 at 9:48 am
wow! thanks so much for your speedy reply, Adrian.
Look forward to your response, and I’ll be sure to stay tuned to your blog.
again, i really appreciate your time here.
[Reply]
Jan 21, 2010
I noticed that it stopped working for me right around when I started using the lightbox gallery option.
I just removed the post that contained the gallery using lightbox shortcodes, and drag to share started working again. So it’s definitely related.
[Reply]
Jan 22, 2010
Beautiful plugin… Really amazing stuff Adrian. Very well done!
-Deepu
[Reply]
Jan 23, 2010
Hi Adrian,
Great plugin btw. I’ve installed it and I got all my content (text & picture) align left with 200 px of blank space on the right.
It’s like the plugin is shrinking the column from 600px for example to 400px. After 1 day, it seems now ok. I haven’t change anything. Bizarre but it now does work beautifully.
You can see it here:
http://stephaneleduc.ca/2010/01/anybody-has-a-position-to-fill/
Thanks for your great work.
I will share abroad for sure.
Regards
Steph
[Reply]
Jan 24, 2010
Hi,
I’ve installed the plugin on my site, but it’s not working just yet. The 1st image has the drag image show up, but nowhere to drop it. Any tips?
http://www.bigdadoo.com/blog/2010/01/23/winter-lake-adventure/
[Reply]
Jan 24, 2010
That’s one of the hottest wordpress plugins I’ve ever seen! Thank you. I love it!!
[Reply]
Jan 28, 2010
[...] about the plugin is available: http://www.adrian-apan.com/blog/wordpress-plugin-drag-to-share [...]
Jan 29, 2010
Twitter Comment
CMS Wordpress : plugin de partage sur les réseaux sociaux [link to post]
– Posted using Chat Catcher
[Reply]
Feb 10, 2010
Thanks for this great plugin. But this is not working with my blog post at http://www.bestpsdtohtml.com/40-examples-of-cool-javascript/
Please review and let me know what is the problem?
[Reply]
Feb 10, 2010
[...] it on this blog and here’s a test. All you have to do is install the plugin found here: http://www.adrian-apan.com/blog/wordpress-plugin-drag-to-share . Once the plugin is installed, all you have to do is include an image and the plugin takes care [...]
Feb 24, 2010
I love this plugin, but it causes my site to add an extra column, and depending on the theme pushes the right column to the bottom of the page.
[Reply]
Adrian Apan Reply:
February 24th, 2010 at 7:35 pm
Hey Lloyd. I`m glad that you find it useful.
As for a quick fix regarding your problem, open the plugin’s CSS file and delete the first 2 lines from it, save it and upload it back to you server.
It should resolve the problem with the column push.
[Reply]
Sharif Dyson Reply:
February 25th, 2010 at 5:47 am
Adrian, I’m totally with your plugin but couldn’t get it to work with my blog http://www.olsayings.com so I’m using another that is pretty similar. I’d love to figure out why urs doesn’t integrate with my blog if you have the time. Thanks!
[Reply]
Mar 01, 2010
[...] Wordpress)Very simple. There is a Wordpress plugin available for us to use which named ‘Drag To Share‘ or you can download directly from Wordpress Plugin Directory.Demo: Drag To ShareTags: [...]
Mar 01, 2010
[...] Download: Drag To Share Plugin Homepage: Drag To Share [...]
Mar 02, 2010
[...] The target can be achieved by using the wordpress plugin "Drag to Share" located at http://www.adrian-apan.com/blog/wordpress-plugin-drag-to-share [...]