NOTICE

Adfly Links not working Find Direct Links HERE

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




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.





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='http://2.bp.blogspot.com/_JUJEXEamsyU/Sn1QYQtxqcI/AAAAAAAAAKQ/0OJBetiEkHs/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 :)

1 comment :

  1. Inspiring quest there. What occurred after? Good luck!
    My site > click through the next article

    ReplyDelete

Feel free to leave comment if you like above widget, have any questions or just say Hi! :)