7 de fev. de 2008

Como inserir animações flash (SWF) no seu BLOG

Oi! Se você é usuário de um blog e quer dar um UPGRADE no visual dele.
Colocar aquelas animações web, anúncios, banner animado de alta qualidade.
Aqui vai um tutorial ajudando a implementar a sua idéia...

  1. Descubra as medidas do seu BLOG. Você quer por um no topo do blog? No corpo de uma postagem? Procure saber as medidas em pxls (pixels) antes de criar o banner na sua ferramenta de editoração. Existem várias maneiras de se obter as medidas do seu blog... Uma delas é você entrar no modo de visualização de HTML e procurar as medidas definidas no código. Mas se você não é nenhum "expert em programação", não tem problema; você pode capturar a página do seu blog com a tecla "PRIN SCREEN SYS RQ" (Procure na parte superior do seu teclado...) que vai armazenar uma imagem (foto) do seu BLOG na área de transferência do seu computador. Assim que você abrir um programa de editoração de imagens (Eu uso PHOTOSHOP) você pode abrir um novo documento em branco, vai no menu/editar/colar e a imagem do seu BLOG será colada na tela do software de editoração gráfica. Ex. Se você estiver no software Photoshop, use a ferramenta "CROP" para cortar a área da imagem do BLOG onde pretende inserir o seu BANNER. Depois você vai no MENU/Edit/Canvas Size/ e mude a unidade medida para pixels. Anote as medidas... Elas serão as medidas do seu banner personalizado.
  2. Crie o seu banner "otimizado" com as medidas predefinidas. Use as medidas que descobriu no passo anterior para criar o seu banner, menu ou anúncio dentro das proporções corretas... Solte a criatividade e faça o trabalho gráfico, sem esquecer que este anúncio, banner, etc será publicado em uma pagina da web e terá que ser baixado por usuários com todo tipo de conexão. Portanto mantenha o arquivo leve entre 10kb e 100kb (se possível).
  3. Publique o seu banner na web. Para fazer isso você pode usar um serviço de FTP e colocar o seu arquivo animado em um endereço da internet. Pode ser em um domínio que você possui. Eu utilizo o provedor gratuito de imagens Image Shack - http://imageshack.us/ lá você pode hospedar imagens e animações sem ter que pagar um provedor. Você pode postar sua animação em outros provedores gratuitos de animação como o http://www.deviantart.com/, etc. Anote o endereço isolado da sua animação publicada para colocar no código logo abaixo.
  4. O código para inserir o SWF: Para inserir a animação flash no Blog é preciso colocar o código HTML no lugar certo. Se você tiver colocando o SWF no topo do seu Blog do BLOGUER, procure no código fonte do seu blog pela palavra "HEADER" (Cabeçalho) Agora você vai remover todo o conteúdo que está dentro do comentário "HEADER" no seu blog. Obs: Não se esqueça de copiar uma versão de segurança do código completo do seu blog em seu computador antes de fazer isso. Depois que tiver removido cole o código abaixo e troque as informações dele de acordo com o nome, local e dimensões do seu arquivo.
<embed src="http://sua_pagina_daweb/nome_do_arquivo.swf"
quality="high" height="390" width="520"> < /embed>
  • Troque o endereço que está em azul pelo caminho do seu arquivo SWF.
  • height: Altura do seu banner em pixels
  • width: Largura do seu banner em pixels
Espero ter ajudado!!!
Essa foi pra você namorada! :-*

||Raoni AD
+55(31) 9955-4380
raoniad@gmail.com

RaoniAD-Website