Mostrando postagens com marcador Flash. Mostrar todas as postagens
Mostrando postagens com marcador Flash. Mostrar todas as postagens

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>