Olá Amigos leitores, na post de hoje venho ensinando como adicionar um efeito bastante legal, é o efeito mover e arrastar as imagens do seu blog com Prototype e Scriptaculous, com este efeito seu blog ficará atrativo e interativo, para que o leitor/visitante possa "brincar" com as imagens do seu blog, arrastando-as para todo o lugar.
Instalando
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>
5. E Acima da Tag que citei adicione o seguinte código:
<!-- Prototype e Scriptaculous-->
<script src='http://www.google.com/jsapi'/>
<script>
google.load("prototype","1.6.0.3");
google.load("scriptaculous", "1.8.2");
</script>
<!-- Prototype e Scriptaculous-->
6. Clique em Visualizar e se estiver tudo certo clique em Salvar.
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>
Demo/Exemplo
(Clique e Arraste a imagem e veja o efeito) |
12 Comentários
Muito interessante!
23 de fevereiro de 2012 às 12:01Sim, é mesmo. Obrigado pelo Comentário.
23 de fevereiro de 2012 às 12:08Cara ...... Que Massa!!!!!
24 de fevereiro de 2012 às 08:24Também Acho :D. Obrigado pelo comentário.
24 de fevereiro de 2012 às 14:41Ótimo efeito, logo estarei brincando com ele ^^
25 de fevereiro de 2012 às 00:09Thanks for sharing
No problem :D , Volte Sempre.
25 de fevereiro de 2012 às 08:47Muito legal esse efeito, parabéns muito bom mesmo.
25 de fevereiro de 2012 às 11:57Obrigado Izaque, Volte Sempre.
25 de fevereiro de 2012 às 12:26Tem como fazer esse efeito com video tbm?
6 de julho de 2012 às 17:47Olá Yellow!
6 de julho de 2012 às 18:14Por enquanto não consegui fazer isto! Mas estou tentando, quando e se conseguir atualizo a postagem! Fique ligado!
Até mais! Um Abraço!
Não funciona no meu firefox!
31 de julho de 2012 às 21:15Olá "Anonimy", Não está funcionando no Firefox porque ele não tem suporte para esse navegador, só o Google Chrome! Até mais, Abraços ;)
1 de agosto de 2012 às 08:28Postar um comentário
Seu comentário é bem vindo, mas leia antes de comentar...
→ Se os comentários conter palavrões, xingamentos, ofensas ao autor ou qualquer pessoa, não serão publicados!
→ Não Contiver outros sites!
→ Não conversar com comentários!
→ Não conter propaganda!
→ Visite o nosso termos de uso
Obrigado e volte sempre!