Como fazer um banner

    Muitas pessoas devem falar: -Ah! Mas fazer banner é só pra profissional!, mas na verdade, é mais facil do que você pensa.
    Bem, vou apresentar aqui um dos modos mais fáceis de se fazer um banner. São só 3 etapas. Vamos lá!















1ª etapa: Fazendo seu banner pelo Photoscape.

Primeiramente. Baixe o "Adobe Photoscape CS2". Você pode baixa-lo clicando AQUI .


Bem. Essa parte pode ser um pouco complicada mas não se assuste (eu aprendi sozinho entao nao deve ser dificil!)
Depois de baixar o Photoscape, escolha as imagens que quer no seu banner.
Abra o "Photoscape CS2" e clique na aba "Animação Gif" (lá em cima).

Você vai ver uma "Árvore de Documentos" ao lado esquerdo da tela.

 Vá na pasta onde estão salvas as sua imagens e arraste-as para o centro da tela.

Você pode alternar o tamanho do seu banner clicando em "Defina o tamanho".

E pode alterar o tempo e o efeito das transições das imagens:

Agora clique em salvar e vamos para a 2º etapa:

2ª Etapa: Hospedando seu banner na Web (URL):

Agora você precisa hospedar sua animação gif na internet. Isso é facil. Entre no Image Shack e siga os passos a seguuir:
1- Clique em "Browser" e escolha a animação .gif que você acabou de salvar.

2- Pegue o link direto (URL) da .gif que você acabou de hospedar:

Pronto, agora vamos pra 3ª etapa! A última e mais fácil!












3ª Etapa: Organizando o HTML do seu banner:


Essa parte é meio estranha, não tente esntender tudo. Só siga os passos.
As partes em AZUL é onde vc deve colocar o link do seu blog/site e a parte VERMELHA é onde você deve colocar a URL da sua .gif :

<a href="(o link do seu blog/site)" target="_blank"> </a>
<a href="(o link do seu blog/site)" target="_blank"> </a><a href="(o link do seu blog/site)" target="_blank"> </a><img alt="" border="0" src="(o link da sua animação .gif)" />
<textarea cols="8" name="cxlinkme" onclick="this.focus()" onfocus="this.select()" rows="2">&lt;/p&gt;&lt;p&gt;&lt;a href="(o link do seu blog/site)" target="_blank"&gt;&lt;/p&gt;&lt;p&gt;&lt;img border="0" alt="" src="(o link da sua animação gif)" /&gt;</textarea>

Agora que você tem o HTML do seu banner, basta você colar o código em algum post ou gadget do seu blog/site e pronto!

Espero ter ajudado. Se ainda tem duvidas, deiche seu cometário.

Abraços,
     Daniel Hyuga.

Gostou? Então copie esse post para seu Blog:
<span class="Apple-style-span" style="font-family: Georgia,serif; font-size: 16px;"></span><br /> <div><span class="Apple-style-span" style="font-family: Georgia,serif; font-size: 16px;"></span><br /> <div><br /> <br />     Muitas pessoas devem falar: -Ah! Mas fazer banner é só pra profissional!, mas na verdade, é mais facil do que você pensa.<br />     Bem, vou apresentar aqui um dos modos mais fáceis de se fazer um banner. São só 3 etapas. Vamos lá!<br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <span class="Apple-style-span" style="font-size: x-large;"><b><span class="Apple-style-span" style="color: blue;">1ª etapa: Fazendo seu banner pelo Photoscape.</span></b></span><br /> <br /> Primeiramente. Baixe o "Adobe Photoscape CS2". Você pode baixa-lo clicando <a href="http://dplus.en.softonic.com/cdn-am-download/vZE86RldL4GfGcLe3qFdnmbnKC2KBtegFMybzMvLi8UZKAWFLFr29k4PIGVJlsKhwBc8NXbSNKlDYHQVRI8aDWcRCsdPz5RdV5eQpLlAMe0ou%2FQV7RZ6r0s%2BYVIG2EsJbSkw%2Bi3vm6rUlIKGQ3SgpK775opWT9YzfgjD0oXhZJ7G%2B1tJ%2BcCgPBPoLJ65Rvnkpf6jQ32KUvmLJQYJbLcFnCMrjtavmxNzAQOlkanhF1QZ3y8suf11Mh1YjGCshm6ukr9Z3m43LOz36Ew7%2FnGhKS3YpmVeKiGNy6baTawxhqFzukHi%2BRHgbeLPOZwzznh1BodglCP3A7gHOKwXu9sEZA%3D%3D">AQUI</a> .<br /> <br /> <br /> Bem. Essa parte pode ser um pouco complicada mas não se assuste (eu aprendi sozinho entao nao deve ser dificil!)<br /> Depois de baixar o Photoscape, escolha as imagens que quer no seu banner.<br /> Abra o "Photoscape CS2" e clique na aba "Animação Gif" (lá em cima).<br /> <div class="separator" style="clear: both; text-align: center;"><a href="http://3.bp.blogspot.com/_KJCpb3__x8Y/S67xVcu9gJI/AAAAAAAAAXg/FySaoHJZYck/s1600/imagem+0.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="300" src="http://3.bp.blogspot.com/_KJCpb3__x8Y/S67xVcu9gJI/AAAAAAAAAXg/FySaoHJZYck/s400/imagem+0.png" width="400" /></a></div><br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> Você vai ver uma "Árvore de Documentos" ao lado esquerdo da tela.<br /> <div class="separator" style="clear: both; text-align: center;"><a href="http://1.bp.blogspot.com/_KJCpb3__x8Y/S67xh9gpVYI/AAAAAAAAAXo/UXIYurZA4Vw/s1600/imagem+1.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="300" src="http://1.bp.blogspot.com/_KJCpb3__x8Y/S67xh9gpVYI/AAAAAAAAAXo/UXIYurZA4Vw/s400/imagem+1.png" width="400" /></a></div><br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br />  Vá na pasta onde estão salvas as sua imagens e arraste-as para o centro da tela.<br /> <div class="separator" style="clear: both; text-align: center;"><a href="http://1.bp.blogspot.com/_KJCpb3__x8Y/S67x1h0K00I/AAAAAAAAAXw/_lca7gHjX2Q/s1600/imagem+2.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="300" src="http://1.bp.blogspot.com/_KJCpb3__x8Y/S67x1h0K00I/AAAAAAAAAXw/_lca7gHjX2Q/s400/imagem+2.png" width="400" /></a></div><br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> Você pode alternar o tamanho do seu banner clicando em "Defina o tamanho".<br /> <div class="separator" style="clear: both; text-align: center;"><a href="http://3.bp.blogspot.com/_KJCpb3__x8Y/S67ydJ264ZI/AAAAAAAAAX4/QJQP9amE7us/s1600/imagem+3.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="300" src="http://3.bp.blogspot.com/_KJCpb3__x8Y/S67ydJ264ZI/AAAAAAAAAX4/QJQP9amE7us/s400/imagem+3.png" width="400" /></a></div><br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> E pode alterar o tempo e o efeito das transições das imagens:<br /> <div class="separator" style="clear: both; text-align: center;"><a href="http://2.bp.blogspot.com/_KJCpb3__x8Y/S67yrRrUZOI/AAAAAAAAAYA/YQ9GHVnlajk/s1600/imagem+4.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="300" src="http://2.bp.blogspot.com/_KJCpb3__x8Y/S67yrRrUZOI/AAAAAAAAAYA/YQ9GHVnlajk/s400/imagem+4.png" width="400" /></a></div><br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> Agora clique em salvar e vamos para a 2º etapa:<br /> <div class="separator" style="clear: both; text-align: center;"><a href="http://3.bp.blogspot.com/_KJCpb3__x8Y/S67zTBzSsdI/AAAAAAAAAYI/9Kl7qVLfzhA/s1600/imagem+5.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="300" src="http://3.bp.blogspot.com/_KJCpb3__x8Y/S67zTBzSsdI/AAAAAAAAAYI/9Kl7qVLfzhA/s400/imagem+5.png" width="400" /></a></div><br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <span class="Apple-style-span" style="font-size: x-large;"><b><span class="Apple-style-span" style="color: blue;">2ª Etapa: Hospedando seu banner na Web (URL):</span></b></span><br /> <br /> Agora você precisa hospedar sua animação gif na internet. Isso é facil. Entre no <a href="http://imageshack.us/">Image Shack</a> e siga os passos a seguuir:<br /> 1- Clique em "Browser" e escolha a animação .gif que você acabou de salvar.<br /> <div class="separator" style="clear: both; text-align: center;"><a href="http://2.bp.blogspot.com/_KJCpb3__x8Y/S671MzIqKPI/AAAAAAAAAYQ/ggNzvaHHvz0/s1600/imagem+6.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="300" src="http://2.bp.blogspot.com/_KJCpb3__x8Y/S671MzIqKPI/AAAAAAAAAYQ/ggNzvaHHvz0/s400/imagem+6.png" width="400" /></a></div><br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <div class="separator" style="clear: both; text-align: center;"><a href="http://3.bp.blogspot.com/_KJCpb3__x8Y/S671VHTuZ3I/AAAAAAAAAYY/EkoIZFQkeXs/s1600/imagem+7.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="300" src="http://3.bp.blogspot.com/_KJCpb3__x8Y/S671VHTuZ3I/AAAAAAAAAYY/EkoIZFQkeXs/s400/imagem+7.png" width="400" /></a></div><br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> 2- Pegue o link direto (URL) da .gif que você acabou de hospedar:<br /> <div class="separator" style="clear: both; text-align: center;"><a href="http://4.bp.blogspot.com/_KJCpb3__x8Y/S672Q3H0unI/AAAAAAAAAYg/1FkOeKolXdU/s1600/imagem+8.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="300" src="http://4.bp.blogspot.com/_KJCpb3__x8Y/S672Q3H0unI/AAAAAAAAAYg/1FkOeKolXdU/s400/imagem+8.png" width="400" /></a></div><br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> Pronto, agora vamos pra 3ª etapa! A última e mais fácil!<br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <span class="Apple-style-span" style="font-size: x-large;"><b><span class="Apple-style-span" style="color: blue;">3ª Etapa: Organizando o HTML do seu banner:</span></b></span><br /> <span class="Apple-style-span" style="color: blue;"><span class="Apple-style-span" style="font-size: x-large;"><b><br /> </b></span></span><br /> Essa parte é meio estranha, não tente esntender tudo. Só siga os passos.<br /> As partes em <span class="Apple-style-span" style="color: blue;">AZUL </span>é onde vc deve colocar o link do seu blog/site e a parte <span class="Apple-style-span" style="color: red;">VERMELHA </span>é onde você deve colocar a URL da sua .gif :<br /> <br /> <a href="<b><span class="Apple-style-span" style="color: blue;">(o link do seu blog/site)</span></b>" target="_blank"> </a><br /> <a href="<span class="Apple-style-span" style="color: blue;"><b>(o link do seu blog/site)</b></span>" target="_blank"> </a><a href="<span class="Apple-style-span" style="color: blue;"><b>(o link do seu blog/site)</b></span>" target="_blank"> </a><img alt="" border="0" src="<span class="Apple-style-span" style="color: red;"><b>(o link da sua animação .gif)</b></span>" /><br /> <textarea cols="8" name="cxlinkme" onclick="this.focus()" onfocus="this.select()" rows="2">&lt;/p&gt;&lt;p&gt;&lt;a href="<span class="Apple-style-span" style="color: blue;"><b>(o link do seu blog/site)</b></span>" target="_blank"&gt;&lt;/p&gt;&lt;p&gt;&lt;img border="0" alt="" src="<span class="Apple-style-span" style="color: red;"><b>(o link da sua animação gif)</b></span>" /&gt;</textarea><br /> <br /> Agora que você tem o HTML do seu banner, basta você colar o código em algum post ou gadget do seu blog/site e pronto!<br /> <br /> Espero ter ajudado. Se ainda tem duvidas, deiche seu cometário.<br /> <br /> Abraços,<br />      Daniel Hyuga.</div></div>