Magic Image! Move Image Freely

Hi, friends! Now, we are gonna make a crazy trick. That's Magic Image! Move Image Freely. Freely? Yups... you and your visitors of your blog can move images wherever. Left, right, top, or bottom. It's up to you. Curious? See the DEMO. OK, now if you wanna try Magic Image! Move Image Freely, just follow the steps below.

1. Log in to your blogger icon

2. Go to Design --> Edit HTML

3. Copy the code below, and paste above ]]></b:skin>

.FBT_magic img { cursor: move;}

4. Then, copy the code below and paste above </head>

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js' type='text/javascript'/>
<script src='http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js' type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function() {
$(&quot;div.FBT_magic img&quot;).draggable();
});
</script>

5. Click SAVE TEMPLATE

Now if you wanna use this effect, just use this code

<div class='FBT_magic'><img src='PICTURE-URL'/></div>

OK, That's all friend... Hopefully useful...

Related Posts: