Magic Image! Move Image Freely in blogger

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... 


Penulis : Unknown ~ Sebuah blog yang menyediakan berbagai macam informasi

Artikel Magic Image! Move Image Freely in blogger ini dipublish oleh Unknown pada hari . Semoga artikel ini dapat bermanfaat.Terimakasih atas kunjungan Anda silahkan tinggalkan komentar.sudah ada 0 komentar: di postingan Magic Image! Move Image Freely in blogger
 

0 comments:

Post a Comment

Leave Me a Comment Below. Thanks :)