Usando EasyDrag + JQuery para Mover os Elementos ou Imagens Apenas Clicando Sobre Eles

Nesta postagem compartilho com vocês este código muito criativo para você colocar em seu blog/site; Além de melhorar o Design do seu blog, deixa também seu blog muito mais moderno.

Veja uma demonstração aqui mesmo!!! Arraste as imagens abaixo e veja que interessante.

Este é o efeito. Como vocês podem ver é um ótimo código!

Para colocar em seu blog...... Entre em "Modelo" - "Editar HTML" e procure pela tag

</head>

Tendo encontrado a tag, basta colocar ACIMA dela o seguinte código

<script src='http://code.jquery.com/jquery-latest.js' type='text/javascript'/>
<script src='http://yourjavascript.com/7735504141/c-digodicashot.js' type='text/javascript'/>

Tendo colado o código, salve. Salve e feche.

Para colocar em seu blog, adicione um gadget ou coloque em uma  postagem, fica a seu critério

<img id="easydrag1" src="URL da sua imagem" style="border: 0px none; cursor: move;" />
<script type="text/javascript">
$(function(){ $("#easydrag1").easydrag();});
</script>

Para colocar o efeito EasyDrag em mais de uma image, basta repetir o código mudando o número, assim:

<img id="easydrag2" src="URL da sua imagem" style="border: 0px none; cursor: move;" />
<script type="text/javascript">
$(function(){ $("#easydrag2").easydrag();});
</script>

Se for colocar mais uma vez, faça a mesma coisa substituindo o número 2 pelo 3 e assim subcessivamente.

Deixe seu comentário.