Ricardo

Efeito Mover/Arrastar Imagens do Blog

1. Faça o login no Blogger
2. Ao entrar no Blog, vá na opção Modelo
3. Em seguida na opção Editar HTML
4. E procure pela seguinte Linha:


</head>



<!-- Prototype e Scriptaculous-->
<script src='http://www.google.com/jsapi'/>
<script>
google.load(&quot;prototype&quot;,&quot;1.6.0.3&quot;);
google.load(&quot;scriptaculous&quot;, &quot;1.8.2&quot;);
</script>
<!-- Prototype e Scriptaculous--> 


USANDO EFEITO NAS IMAGENS

1. Para adicionar o efeito nas imagens dentro do post, Basta adicionar o seguinte código na Aba HTML do post: 

<img id="img" style="cursor:move; border:0px;" src="URL_IMAGEM"/> 
<script type="text/javascript">new Draggable('img');</script>


As partes destacadas de Azul, você deverá substituir pela as ids das imagens, como por exemplo: img, drag, img, e etc..

A Parte destacada de Vermelho, você terá que substituir pela a URL da imagem que você desejar



0 comentários:

Postar um comentário