domingo, 29 de janeiro de 2012

Inserindo Animação Flash no Blogger

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>

    0 comentários:

    Postar um comentário