Inserindo animação Flash no Blogger

Noticiado em: terça-feira, 2 de setembro de 2008

Na época em que estava procurando por algum tutorial que ensinasse como colocar uma animação flash no Blogger, o que encontrei foram códigos que não funcionavam e pessoas cobrando uma grana por tal informação.

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.

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 o código para o flash com as devidas alterações aqui]

    </div>

Confira aqui um exemplo de como se comporta uma animação flash no Blogger!

Nada diferente do que você já viu, certo?

Boa sorte!

- Atualizado -
O Google Sites já está aceitando a hospedagem de arquivos flash ( .swf)

Para as pessoas que estão hospedando suas animações no Google Sites e estão tendo problemas, deixarei o link de uma página com um pequeno tutorial que fiz para uma leitora do blog.

Para quem estiver interessado: Blogger Flash: 2° Opção