19 de janeiro de 2009

Como inserir animações flash no Blog ?


Procurei, procurei e achei, e quero compartilhar com quem ainda não sabe.

Já adianto que é bem simples colocar uma animação flash no Blogger, mas antes de começar a explicação gostaria de esclarecer alguns pontos.

* Se você não tem nenhuma experiência com flash, cuidado! Você corre o perigo de criar uma animação pesada, o que irá deixar o carregamento da página muito lento (lembre-se que muitas pessoas ainda possuem conexão discada).
* Este post irá ensinar somente como inserir o código no template, a criação da animação em flash será por sua conta.
* Opiniões e sugestões para o melhoramento desse procedimento serão muito bem-vindas.

Pronto ? Podemos começar ?

O código que irei passar foi gerado no Dreamweaver. Você poderá colocar diretamente no código HTML (o que a princípio seria melhor, pois Widgets em Flash normalmente são lentos) ou criar um elemento de página HTML/Javascript onde você irá simplesmente colar o código na janela que irá se abrir.

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" 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" pluginspage="http://www.macromedia.com/go/getflashplayer"
type="application/x-shockwave-flash" width=" Largura do objeto " height=" Altura do objeto ">
</embed>
</object>

* Na largura e altura basta colocar o valor sem a necessidade de declarar pixels.
Ex.: width=”775” height=”215”
* Em URL da animação coloque o link do local onde você hospedou sua animação em flash.

Para quem fez um banner para o topo (header) do blog, deixo aqui um exemplo do que deve ser feito.
Encontre essa parte do seu código: (não é preciso Expandir modelos de widgets)

<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Template (Cabeçalho)' type='Header'/>
</b:section>
</div>

E então modifique deixando dessa maneira:

<div id='header-wrapper'>
<b:section
class='header' id='header' maxwidgets='1' showaddelement='yes'>
</b:section>

[Cole ocódigo para o flash com as devidas alterações aqui]
</div>

Aqui mesmo no meu blog, eu usei essa técnica e deu certo, podem olhar no header da home.

Créditos: Leandro Ricardo

5 Comentários:

blackchip disse...

Tava me dando trabalho d+ colocar flash no header, ai achei esse tuto ai e coloquei pra compartilhar =D.

GMRVL disse...

Ficou ótimo!!! Obrigado pela dica!
Mas o banner ficou encostado no NAVBAR.
Como posso estar deixando uns 15px de diferença?

Cláudia Machado disse...

Obrigada pela dica. Sou profesora e estou a criar uma página web para os meus alunos. Não sabia como inserir ficheiros flash e agora já sei!
Obrigada
Cláudia

Bel disse...

Fiz tudo direitinho, mas só aparece um retângulo branco... :(

blackchip disse...

Bel, o adobe flash player está instalado?

Postar um comentário

Twitter

Seguidores

Comentários recentes

Lomadee, uma nova espécie na web. A maior plataforma de afiliados da América Latina

  ©Template by Dicas Blogger, modificado por InfoBlogui.

TOPO