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.
