Üzerine gelin basılı tutun ve sürükleyin..

Şimdi kodlarına gelelim:

ilk olarak bloggere girip şablon,html düzenleye tıklıyoruz açılan sayfada Ctrl+F tuşuna basıp ]]></b:skin>  kodumuzu aratıyoruz ve hemen üzerine aşağıdaki kodu yapıştırıyoruz.

.drag_gambar img { cursor: move;}

Tekrar </head> kodunu aratıyoruz ve aşağıdaki kodları hemen üzerine yapıştırıyoruz

<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.drag_gambar img&quot;).draggable();
});
</script>

ve aşağıdaki kod ilede resimlerinizi hareket efecti katabilirsiniz..

<div class='drag_gambar'><img alt='Vittrin.blogspot.com yazı yaz' src='Resim Linki'/></div> 

Vittrin.blogspot.com Takipçlerine.