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.
Clique com o botão direito do mouse sobre o link do arquivo swf e selecione [Copiar link].
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:
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
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…
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:
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!
43 comentários:
Muito bom esse poster, só fiquei com uma dúvida... como faço para colocar um link de um site nesta imagem flash???
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.
Muito obrigado Ajudo pra caramba...
Um grande abraço.
Jesus te ama!
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.
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.
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!!!!
Oi, muito obrigado mesmo, estava procurando um tutorial assim mesmo! Vlw:D
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......
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...
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.
Outra coisa, pessoal... O site qeu vocês recomendam está sendo reestruturado? Porque aparecem infinitos erros, desde o cadastro até upar o arquivo...
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!
Olá,
Segui os passos mais o arquivo fica em branco.
Obrigado
Pow cara valeu quebrou o maior galhão. Muito útil essa dica. 10+ para o ADM
Fiz tudo como foi informado mais ñ consigo transforma em um link para minha pagina
Olá Madame Prive,
Passe o link da imagem .swf para eu verificar melhor..
aguardo...
Visual Dicas
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?
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
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
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!
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
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?
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?)
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?
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?
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. :)
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
MUITO OBRIGADA PELA DICA! Ajudou muitooo!
fiz o cadastro mas ele me direcionou para https://www.cx.com, é onde aceitam meu login!!
E naum consegui postar meu .swf
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??
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
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
funciona se o arquivo tiver um comando em action script?
Parabéns passei 12 horas procurando por isso e estou satisfeito
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
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?
Não consigo colocar no site, fica em branco alguém sabe me dizer pq? hospedei no google sites a animação em flash
legal, só não funcionou pelo navegador internet explorer, mas valeu:
http://www.vaibranquelo.com.br/
Como fazer o swf começar automaticamente, sem apertar o play?
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
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