How to Add Dragable / Movable Images On WebPage Using jQuery On Blogger Blogs

UPDATE POST ON DRAG ABLE IMAGES VISIT HERE

Features

1) Images can be Moved Or Draged On Webpage by Visitors.
2) Any number of Images can be Added
3) Once Installed it can be used any where for any number of times.

DEMO

Installation:



Login to Blogger>>>Go To LAYOUT>>>Then Click On Edit HTML>>>Check Mark Expand Widgets>>>Press Ctrl+F


Search For ]]></b:skin> code:


Copy below code and paste it just before the ]]></b:skin> tag.

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/><script src='http://jqueryui.com/latest/ui/ui.core.js' type='text/javascript'/><script src='http://jqueryui.com/latest/ui/ui.draggable.js' type='text/javascript'/><script type='text/javascript'>$(document).ready(function(){$(&quot;.draggable&quot;).draggable();});</script>

Click on "Save Templates"

Now Go To LAYOUT>>>Add a Gadget>>>Select HTML and Java>>>Paste the Below Code

<div class='draggable' id='rssicon'><a href='http://#'><img alt='rss' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6KWiMQU7lq4KLU9JlMSEajGcBBzn6qCaY7fz2n_kePh1FFrPbrWs7DuCbf3au-nu_rG4YKGxMHmTYT4MTFPVZ6fnaIpttY6vp7ws5JVy9hPpOJMQuiyvJ2G9esz125c8KgaEHnMWNKDxI/s320/5.png'/></a></div>

Note: Replace blue colour code with your LINK AND IMAGE

Now you are done.Now you can See draggable images :)