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.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNKz5Mf751TsHE7kNd3np8R82oBCTa-2lTHRa6bwv6D2oGDD7NdFvtfWsA5tCPyreDtZwh9gUVZcQh3wDOnbe23KOkvUV_9pC4l8FcxNZZ1s_hKZcoq7ypzbh2gx6es2vULNRuRA74wRk/s1600/DicasHot.png)
![](https://fbcdn-profile-a.akamaihd.net/hprofile-ak-ash2/c170.50.621.621/s160x160/1234826_440661866049521_840286520_n.jpg)
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.