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>
Aqui mesmo no meu blog, eu usei essa técnica e deu certo, podem olhar no header da home.
Créditos: Leandro Ricardo
Tava me dando trabalho d+ colocar flash no header, ai achei esse tuto ai e coloquei pra compartilhar =D.
Ficou ótimo!!! Obrigado pela dica!
Mas o banner ficou encostado no NAVBAR.
Como posso estar deixando uns 15px de diferença?
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
Fiz tudo direitinho, mas só aparece um retângulo branco... :(
Bel, o adobe flash player está instalado?
Postar um comentário