23/05/2010

Como colocar uma animação em Flash no blogger

 adobe_flash_cs3

Atualizado em 07/08/2014

Como inserir no blog e hospedar animações em Flash

Animações desenvolvidas em Adobe Flash, são muito úteis para dar vida ao seu blog ou site. Além do design e movimento, um banner desenvolvido em Flash, por exemplo, pode acrescentar muitas informações em um pequeno espaço fazendo com que o leitor dê maior atenção naquilo que você deseja apresentar ou divulgar.

Nesta dica, no entanto, não temos a pretensão de ensinar como criar animações em Flash, mas sim como inserir estas animações no blogger.

Para criar animações rápidas através de modelos prontos, leia: Aprenda a criar banners em Flash rápido e sem complicação e Crie banners em flash com fundo musical.

Se você já tem uma animação em Flash, gravada em um arquivo com extensão .swf (padrão), você precisará hospedar este arquivo em um site que aceite este tipo de arquivo e inserir um código html para que funcione no seu blog.

Isto ainda é necessário nos navegadores atuais, que utilizam a versão HTML 4.0 como linguagem padrão. Num futuro próximo, com a nova versão, o HTML 5.0, tudo isto não será mais necessário, pois a nova versão dispensa o uso de plugins para rodar o flash…

Hospedando arquivos .swf

Procurei muito um site de hospedagem de imagens que aceitem arquivos .swf (pouquíssimos sites aceitam arquivos em flash). A melhor maneira que encontrei foi a de utilizar o Google Sites como um servidor de arquivos, com espaço para 100Mb por site  (Versão Gratuita) onde você poderá armazenar todos os tipos de arquivos…

Para hospedar seus arquivos SWF, leia o artigo: Hospedar arquivos flash (SWF) de graça!

Obtendo o link direto do arquivo SWF no Google Sites

Acesse o site: Google Sites

Depois de armazenadas suas animações no Google Sites, entre no site onde você hospedou seus arquivos. Selecione a página onde está o seu arquivo SWF que deseja inserir no seu blog.

image

Clique com o botão direito do mouse sobre o link do arquivo swf e selecione [Copiar link].

image

Para tornar o link copiado em link funcional, retire o atributo “?attredirects=0”

https://sites.google.com/site/nomedosite/nomedapagina/flash.swf?attredirects=0

No nosso exemplo o link copiado ficou:

https://sites.google.com/site/servidorvisualdicas/arquivos-flash-1/visualdicas_cursos.swf?attredirects=0

Retiramos o atributo “?attredirects=0” e o link direto ficará:

https://sites.google.com/site/servidorvisualdicas/arquivos-flash-1/visualdicas_cursos.swf

Inserindo a animação Flash no Blogger

Com o arquivo flash armazenado e disponível, agora é só colocar o URL do link direto no código HTML, copiar e colar no seu blog (nas postagens, usando o editor html, ou nos gadgets no sidebar do blog)

Código padrão:

<object  width="Largura do objeto"  height="Altura do objeto" >

        <param name="movie" value="URL da Animação" />

        <param name="quality" value="high" />

<embed src="URL da Animação" quality="high"  width="Largura do objeto" height="Altura do objeto">

</embed>

</object>

Substitua os valores descritos em laranja, sendo:

Largura e Altura do objeto – coloque os valores em pixels

No nosso exemplo: width=”468” height=”60”

URL da Animação – coloque o link direto do local onde você hospedou seu arquivo .swf (animação).

No nosso exemplo utilizamos a URL abaixo:

 https://sites.google.com/site/servidorvisualdicas/arquivos-flash-1/visualdicas_cursos.swf

Se tiver dúvidas de como inserir o código padrão no seu blog, leia os artigos abaixo:

Como instalar um Widget no seu Blog -(Blogger)

Como inserir Widgets no Wordpress sem a instalação de plugins

Como inserir códigos HTML nas postagens do Blogger

Como inserir códigos HTML nas postagens do Wordpress

Veja agora como ficou a nossa animação em flash:

Bem, parece um pouco complicado, mas com um pouco de paciência você perceberá que não é tão difícil assim…

Se alguém conhece outros sites que permitam a hospedagem de arquivos .swf, por favor indique-os nos comentários… 

smile-6

até mais… [ byALF ]

Nota do autor:

Este artigo foi atualizado em /10/2011, em virtude do site FileDen.com (apresentado na publicação original) não permitir atualmente o upload de arquivos swf na sua versão gratuita. Veja a imagem abaixo:

image

Se você utilizou o FileDen.com  anteriormente, suas animações SWF foram excluiídas. Por isso, recomendamos que sempre faça um backup dos seus arquivos no seu computador ou em servidores confiáveis.…

Leia também:

Crie banners em flash com fundo musical

Aprenda a criar banners em Flash rápido e sem complicação

Gere um banner de divulgação do seu blog - rápido e muito fácil

Como criar “banners” estáticos rapidinho

Hospedar arquivos flash (SWF) de graça!

Como modificar um arquivo SWF (Flash)

Como criar banners profissionais para o seu site ou empresa

43 comentários:

  1. Diego Costa10/07/2010, 00:26

    Muito bom esse poster, só fiquei com uma dúvida... como faço para colocar um link de um site nesta imagem flash???

    ResponderExcluir
  2. byALF10/07/2010, 11:18

    Diego, arquivos em flash funcionam um pouco diferente das imagens estáticas. O link de destino deverá ser incluído durante a criação da sua animação. Isto deverá ser feito diretamente através do software Adobe Flash, ou utilizando-se serviços online que criam animações em flash, e que sempre possuem um campo URL para você digitar o link de destino.

    ResponderExcluir
  3. Maicon Felipe26/07/2010, 00:54

    Muito obrigado Ajudo pra caramba...
    Um grande abraço.
    Jesus te ama!

    ResponderExcluir
  4. Malu Civelli03/08/2010, 23:09

    Ola adorei o post.

    Só estou com um problema, pois o meu .swf tem um link para meu canal no youtube, porem quando publiquei no meu blog o link não funfa ao contrario do arquivo upado no FileDen que ta funfando numa boa.

    SOCORRO!!!! Como posso resolver?

    Obrigado.

    ResponderExcluir
  5. Malu Civelli04/08/2010, 20:54

    Oiii pessoal.

    Primeiramente, obrigada por responderem meu pedido de socorro. Segundo obrigada pelo elogio ao blog que tem apenas 3 meses de vida.

    O link no FileDen: http://www.fileden.com/files/2010/8/1/2930873/My%20Documents/geral/b_malu.swf

    OBS: detalhe tive que mudar o nome do arquivo e upar novamente, pois estava aparecendo uma mensagem estranha: "Este arquivo é propriedade particular. Somente o dono é que pode fazer download ou usar este arquivo." fiquei com muitas ???????

    Obrigada.

    ResponderExcluir
  6. Malu Civelli06/08/2010, 01:04

    Oi Pessoal.

    AGRADEÇO de coração a ajuda e quero dizer que graças a vcs resolvi o problema.

    Eu estava colocanco o action na timeline e não no botão. DDDÃÃÃÃÃÃÃÃÃÃ, mas que burrinha!!!! :D

    Obrigado mesmo!!!!

    ResponderExcluir
  7. vicc_liveira25/08/2010, 20:39

    Oi, muito obrigado mesmo, estava procurando um tutorial assim mesmo! Vlw:D

    ResponderExcluir
  8. Unknown01/02/2011, 18:24

    por favor preciso muito aprender a colocar flash no meu blog por favor eu emploro ja tentei de tudo e nao deu certo plisssssssssss mee add no msn e me fala como faço para colocar meu arquivo wsf no blog.... eu emploro '-'

    jadsonthebest@hotmail.com

    plisss obg......

    ResponderExcluir
  9. byALF02/02/2011, 08:26

    SupremO,

    Basta você seguir passo a passo o nosso tutorial. Leia com atenção e não pule etapas....

    Mas se mesmo assim não der certo, envie o link do arquivo .SWF no e-mail angelo.alf@gmail.com que verificaremos a falha...

    Obrigado pelo contato...

    ResponderExcluir
  10. Kaio R. Diniz08/06/2011, 14:45

    Olá, pessoal, site incrível! Eu tenho a mesma dúvida que a Malu Civelli...

    "Só estou com um problema, pois o meu .swf tem um link para meu canal no youtube, porem quando publiquei no meu blog o link não funfa ao contrario do arquivo upado no FileDen que ta funfando numa boa."

    no caso isso não só acontece no blog, como também acontece em outros sites que não sejam de hospedar arquivos em flash... Não tenho ideia do que está acontecendo... Podem me ajudar? Grato.

    ResponderExcluir
  11. Kaio R. Diniz08/06/2011, 15:56

    Outra coisa, pessoal... O site qeu vocês recomendam está sendo reestruturado? Porque aparecem infinitos erros, desde o cadastro até upar o arquivo...

    ResponderExcluir
  12. byALF08/06/2011, 21:56

    Olá kaio,

    Quanto ao site que recomendamos, parace estar rodando perfeitamente (use o Firefox ou Chrome ... ele não roda muito bem no IE). Se você conhece outro site de hospedagem, use-o se achar mais conveniente.

    Quanto ao arquivo .swf (flash), envie o link para verificarmos melhor...

    Obrigado pelo contato. Aguardamos!

    ResponderExcluir
  13. OTICS PENHA06/07/2011, 14:39

    Olá,
    Segui os passos mais o arquivo fica em branco.
    Obrigado

    ResponderExcluir
  14. Phablo Ramon26/07/2011, 21:59

    Pow cara valeu quebrou o maior galhão. Muito útil essa dica. 10+ para o ADM

    ResponderExcluir
  15. Madame Prive10/11/2011, 01:01

    Fiz tudo como foi informado mais ñ consigo transforma em um link para minha pagina

    ResponderExcluir
  16. byALF10/11/2011, 14:03

    Olá Madame Prive,

    Passe o link da imagem .swf para eu verificar melhor..

    aguardo...

    Visual Dicas

    ResponderExcluir
  17. Herbet de Jesus Ferreira05/02/2012, 22:46

    eu coloco jogos no meu blogger em flash todo fucionar mais este não que fucionar
    http://i.cdn.turner.com/toonla/images/heroesunited/pt/game.swf
    mais outro blogger conseguiu colocar?

    ResponderExcluir
  18. byALF06/02/2012, 21:10

    Olá Ben,

    Dá uma olhada nas dimensões (largura) onde você vai adicionar o swf. Verifique se o flash não é maior que a largura onde você vai adicioná-lo. Se for maior, altere o layout do seu blog, ou encontre outro template que possa incorporar o flash...

    Visual Dicas

    ResponderExcluir
  19. Herbet de Jesus Ferreira09/02/2012, 12:11

    Angelo eu coloquei em pixel maior e não deu em nada, também o layout no meu blogger é se barras laretal apenas para postagem, e outro blogger conseguiu colocar-lo, eu uso o editor de postagens antigo so pra deixar claro

    ResponderExcluir
  20. Danilo Olympio27/02/2012, 14:29

    Tenho um blog e decidi criar áreas para banners interativos nele, feitos em flash.
    Hospedei o banner em um domínio próprio, e inseri o código direto no html.

    Tudo funciona corretamente, porém em sistema Windows. Quando entro no blog usando um Mac, o banner não funciona. O mais estranho é que se eu acessar o banner no Mac através da URL absoluta, o banner funciona. Só não funciona visualizando-o no blog.

    O blog: http://noivinhaanna.blogspot.com
    O banner já está logo abaixo do menu.

    Obrigado!

    ResponderExcluir
  21. byALF27/02/2012, 22:01

    Olá Parrudinho,

    Desconheço qualquer incompatibilidade do Blogger com o sistema Operacional Mac OSx.
    Verifique se o problema não está com o navegador que você utiliza no Mac (faça o teste em outro navegador).

    Leia o que o suporte do Google diz sobre compatibilidade do Blogger: Blogger e compatibilidade de navegadores e/ou sistemas operacionais

    Vou fazer algumas pesquisas. Enquanto isso, tente buscar mais ajuda em algum fórum especializado em Mac...

    Abraços, e obrigado pelo contato! Se conseguir alguma solução, informe aqui...


    Visual Dicas

    ResponderExcluir
  22. Rafael Dias29/03/2012, 12:01

    Boa noite, estou tentando inserir um arquivo SWF no blogger, mas os links que deveriam estar neles não aparecerem quando eu clico...(o blog é este...www.iasdcasagrande.blogspot.com) alguem pode me ajudar?

    ResponderExcluir
  23. Ainara dos Santos12/04/2012, 02:35

    Muito obrigada! Agora eu só queria saber como faço para que animações com som não reproduzam automaticamente na página do blog (tem como colocar algum botão de play?)

    ResponderExcluir
  24. (O)_(O)30/04/2012, 21:27

    vlw, muito bom a explicaçao
    mas como q eu faço pra tirar o fundo do flash e fazer q ela continue com animação?

    ResponderExcluir
  25. DJ Pablo03/05/2012, 00:58

    Olá! Gostei bastante do post. Sendo que tenho um probleminha! Consegui fazer tudo isso, sendo que meu arquivo (swf) não repete, assim que termina a animação, ele para. Queria saber como faço para repetir os movimentos, deixar sempre rodando. Como faço isso?

    ResponderExcluir
  26. Ainara dos Santos03/05/2012, 01:44

    Isso também começou a acontecer no meu blog de uns dias pra cá... Algumas animações não repetem. Já tentei fazer o upload de novo, mas não funcionou. Ficaria grata se alguém respondesse. :)

    ResponderExcluir
  27. byALF04/05/2012, 10:35

    Olá DJ Pablo e Ainara...

    O que pode estar acontecendo é que o flash player do seu navegador está configurado para não repetir...

    Para verificar isso, clique com o botão direito sobre a animação em flash e marque o comando REPETIÇÃO...

    Se não for esse o problema, é porque a animação em flash foi configurada para não repetir. Aí, tem que mudar o arquivo flash (programa).

    Espero ter ajudado,

    Visual Dicas

    ResponderExcluir
  28. Unknown01/09/2012, 03:48

    MUITO OBRIGADA PELA DICA! Ajudou muitooo!

    ResponderExcluir
  29. Designer06/03/2013, 10:59

    fiz o cadastro mas ele me direcionou para https://www.cx.com, é onde aceitam meu login!!
    E naum consegui postar meu .swf

    ResponderExcluir
  30. Mariane17/06/2013, 13:30

    Eu estou tentando publicar o pageflip, fiz tudo e deu certo só que pede para eu instalar o plugin para poder visualizar =/ oq eu faço??

    ResponderExcluir
  31. byALF17/06/2013, 17:21

    Olá Mariane,

    Verifique se o pageflip está gerando um arquivo .SWF (flash). O artigo deste post só funciona para arquivos com extensão .swf

    Se eu não estou enganado, o pageflip gera um código HTML. Pegue o link da extensão .swf e repita a operação...

    visualdicas

    ResponderExcluir
  32. Eliseu E Rozana30/06/2013, 11:55

    Olá!! muito bom seu tutorial. Queria saber como deixar o Flash com fundo transparente no blogger (já publiquei, mas fica com fundo branco) Agradeço

    ResponderExcluir
  33. Fabio Rodrigues30/06/2013, 14:39

    funciona se o arquivo tiver um comando em action script?

    ResponderExcluir
  34. Unknown21/12/2013, 02:04

    Parabéns passei 12 horas procurando por isso e estou satisfeito

    ResponderExcluir
  35. Flávio Lima Carneiro06/05/2014, 13:00

    Usava o Dropbox para hospedar meus arquivos .swf para publicação no blog.
    Hoje notei que eles não estão mais sendo executados.
    Acho que o Dropbox bloqueou o acesso através do link direto.

    Vou testar a hospedagem no fileden.com

    ResponderExcluir
  36. Flávio Lima Carneiro06/05/2014, 16:19

    Boa tarde!
    Fiz o cadastro no FileDen, que agora mudou o nome para MyFlare e infelizmente para pegar o link direto para postar os arquivos SWF no meu blog terei que assinar um plano e pagar US$9,98 por ano.

    E agora? Tem outra alternativa?
    Essas animações que está nesta postagem foram hospedadas onde?

    ResponderExcluir
  37. alimentador05/07/2014, 21:27

    Não consigo colocar no site, fica em branco alguém sabe me dizer pq? hospedei no google sites a animação em flash

    ResponderExcluir
  38. alex19/03/2015, 09:37

    legal, só não funcionou pelo navegador internet explorer, mas valeu:
    http://www.vaibranquelo.com.br/

    ResponderExcluir
  39. ANTES DA FESTA by Viviane Aragão02/05/2015, 09:20

    Este comentário foi removido pelo autor.

    ResponderExcluir
  40. Ramon Firmo17/07/2015, 14:34

    Este comentário foi removido pelo autor.

    ResponderExcluir
  41. Grupo Posture25/09/2015, 11:41

    Como fazer o swf começar automaticamente, sem apertar o play?

    ResponderExcluir
  42. byALF25/09/2015, 17:25

    Posture,

    Infelizmente isto está acontecendo no navegador Chrome a partir da versão 45.0 que bloqueou a abertura automática de alguns plug-ins. Se utilizar o Firefox, observará que não é necessário clicar o botão play.
    Para iniciar o flash (.swf) automaticamente sem o botão play será necessário alterar a configuração de abertura dos plug-ins no Chrome. Para isso é necessário entrar em “Configuraçoes” do Chrome>>Mostrar configurações avançadas...>>Clicar em Configurações de Conteúdo em Privacidade>>Selecionar “Executar todo conteúdo de plug-in” em Plug-ins.

    Visual Dicas

    ResponderExcluir
  43. PAD Net03/07/2016, 09:53

    Olá!
    Utilizei sua dicas para colocar jogos em flash no blogger e ficou muito bom. Confira como ficou https://padjogosonline.blogspot.com.br

    Obrigado.

    ResponderExcluir