PROMOÇÃO - Magazine Luiza - NÃO PERCA!

Encontre no blog...

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:

Diego Costa disse...

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

byALF disse...

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.

Maicon Felipe disse...

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

Malu Civelli disse...

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.

Malu Civelli disse...

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.

Malu Civelli disse...

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!!!!

vicc_liveira disse...

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

Unknown disse...

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......

byALF disse...

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...

Kaio R. Diniz disse...

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.

Kaio R. Diniz disse...

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

byALF disse...

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!

OTICS PENHA disse...

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

Phablo Ramon disse...

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

Madame Prive disse...

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

byALF disse...

Olá Madame Prive,

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

aguardo...

Visual Dicas

Herbet de Jesus Ferreira disse...

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?

byALF disse...

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

Herbet de Jesus Ferreira disse...

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

Danilo Olympio disse...

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!

byALF disse...

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

Rafael Dias disse...

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?

Ainara dos Santos disse...

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?)

(O)_(O) disse...

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?

DJ Pablo disse...

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?

Ainara dos Santos disse...

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. :)

byALF disse...

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

Unknown disse...

MUITO OBRIGADA PELA DICA! Ajudou muitooo!

Designer disse...

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

Mariane disse...

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??

byALF disse...

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

Eliseu E Rozana disse...

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

Fabio Rodrigues disse...

funciona se o arquivo tiver um comando em action script?

Unknown disse...

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

Flávio Lima Carneiro disse...

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

Flávio Lima Carneiro disse...

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?

alimentador disse...

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

alex disse...

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

ANTES DA FESTA by Viviane Aragão disse...
Este comentário foi removido pelo autor.
Ramon Firmo disse...
Este comentário foi removido pelo autor.
Grupo Posture disse...

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

byALF disse...

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

PAD Net disse...

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

Obrigado.

Postar um comentário

Gostou do Post? Então espalhe!

Quem está curtindo...

Encontre no blog...

Fique mais.... Leia os nossos artigos!!!

Gostou? Então espalhe!

Twitter Delicious Facebook Digg Stumbleupon Favorites More

 
Web Analytics