Banner com FotoScape

 

 

              O PhotoScape é um excelente editor de fotos que permite até fazer banners para você colocar no seu Blog. Veja como:

               Para baixar o Photo Scape clique aqui.

Depois de instalar, abra o programa e clique em editor:

Vamos começar: escolha ago

ra a figura que você quer usar e arraste para o centro do editor.

Agora com o editor, você pode fazer diversas alterações no seu banner, nesse caso vou usar o logo do Leigo no Blog, mas caso você queira criar um novo, basta clicar em Menu (no canto superior direito da tela) e escolher o tamanho e formato que desejar.

       

Então é só selecionar o objeto, e adicionar a figura, texto, o que você desejar.

          

Vou mostrar como fica uma apresentação simples: vou salver uma figura com o endereço do blog, e outra sem o endereço do blog.

1. 
2. 

Agora no menu superior clique em “animação Gif”

Arraste as 2 figuras que você salvou:

Na hora você verá a transformação:

Veja o gif que eu criei usando recursos de foto antiga do PhotoScape:

Mas, e para postar no Blog???

1. Faça o Upload desse gif que você criou na internet (dica: utilize o Picasa, com sua conta do google)

             

 

Pronto! Agora faça o seguinte:

1. Vá no Painel do Blogger
2. Clique em Design
3. Clique em adicionar um Gadget
4. Escolha HTML/Java Script
5. Use esse código HTML (baseado no site criarsites.com)

<script language="JavaScript">
var how_many_ads = 1;
var now = new Date()
var sec = now.getSeconds()
var ad = sec % how_many_ads;
ad +=1;
if (ad==1) {
txt="";
url=”endereço para onde o visitante será levado quando clicar no banner";
alt="Blog Leigo no Blog";
banner="endereço completo de onde está o banner";
width="400";
height="51";
}
document.write('<center>');
document.write('<a href=\"' + url + '\" target=\"_parent\">');
document.write('<img src=\"' + banner + '\" width=')
document.write(width + ' height=' + height + ' ');
document.write('alt=\"' + alt + '\" border=0><br>');
document.write('<small>' + txt + '</small></a>');
document.write('</center>');
// End -->
</script>

• vermelho = coloque o endereço do seu Blog, ou da página que você quer que abra quando a pessoa clicar no banner
• azul = se você fez o Upload no picassa, copie o endereço de onde está a figura e cole
• marrom = largura do banner
• roxo = altura do banner

Agora clique em salvar e pronto o seu banner já está no seu Blog!!