Latest Posts :
Home » » Blogger Move Image effects

Blogger Move Image effects



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... 
Share this post :

+ comments + 4 comments

Randy Oktaran
26.4.12

whow kereennn cuyy,.,jquerynya

Dedi superman
26.4.12

WOWOW MAGICCC WOWOWWW

Ishkarji
26.4.12

What a God damn amazing magic image tricks..I like this. Nice share!

Tips and Shares
26.4.12

keren, mas. tapi, ini memakai jQuery ya. wah, kalau dipasang, nanti lemot mas. saya sekarang sebisa mungkin menghindari widget berjavascript yang tidak terlalu penting. karena akan membuat lemot. jika blogku lemot, pengunjung pada pergi, mas. makasih atas tutorialnya.

Post a Comment

 
Support : Website by | Bharadwaj
Copyright © 2012. Easy Blog Tools - All Rights Reserved
Template Created by Easy Blog Tricks Published by Bharadwaj
Proudly powered by Blogger