Como Fazer Uma Caixinha Com o Código do Seu Banner

Você sempre quis ter uma caixinha com o banner do seu blog e o código abaixo para divulgá-lo, como os outros blogs fazem, mas ainda não soube como fazê-lo? Seus problemas acabaram!!!

Estou postando esse simples tutorial para os blogueiros iniciantes que não têm tanto, ou nenhum conhecimento de scripts e tags html.


Eis o código abaixo, siga as instruções e boa sorte.

ATENÇÃO: MUDE OS CAMPOS EM VERMELHO NO CÓDIGO.

<center><font class="font2"><b>Divulgue este blog</b></font></center> <center><img vspace="5" hspace="2" src="COLOQUE AQUI A URL INDICADA NO CAMPO URL LINK DO PHOTOBUCKET "/><br/></center><center><textarea rows="3" cols="10" onfocus="this.select()" onmouseover="this.focus()" style="font-family:verdana; font-size:8pt; border:1px solid #000000; background-color:#ffffff;" name="textarea"> <a href="COLOQUE AQUI O ENDEREÇO DO SEU BLOG" target="_blank"><img border="0" src="COLOQUE AQUI A URL INDICADA NO CAMPO URL LINK DO PHOTOBUCKET"/></a> </textarea></center>

Atenção

PHOTOBUCKET: Site de compartilhamento de fotos na internet (recomendo esse site, é todo em inglês, mas dá pra entender), você pode usar também o PICASA DA GOOGLE (melhor pra quem não sabe inglês, como a Google está dominando o mundo, você pode usar esse mesmo), ou qualquer outro site. Você deve salvar seu banner antes em um desses sites.

Você sabe fazer um banner não é?, os mais usados são os de 120x60, use o PhotoShop, Paint, PhotoScape, Flash(para os mais entendidos), ou qualquer outro software de edição de foto. É muito fácil fazer um banner, quem não souber deixa um comentário que depois eu ensino como.

Após mudar os campos em vermelho, entre no painel do blogspot (blogger) e vá em LAYOUT(MODELO). Clique em ELEMENTOS DA PÁGINA e clique em ADICIONAR UM GADGET, clique em HTML/JavaScript. Copie o código acima, já modificado com a url do seu banner, e cole lá, salve e pronto. Não precisa por o título, ele já está inserido no código assim: "Divulgue esse blog", você pode modificar essa frase para outra qualquer ok.

Agora que tal criar uma seção onde você colocará o banner dos seus futuros parceiros? Faça o teste com o meu banner.

Entre em LAYOUT e clique em ELEMENTOS DA PÁGINA, ADICIONAR UM GADGET, clique em EDITAR HTML/JavaScript. Coloque o título "PARCEIROS" ou qualquer outro que desejar.

Cole o código abaixo. Repare nas tags <center> e </center> abrindo e fechando meu código, pois é para o banner ficar centralizado, você deve fazer o mesmo com todos os outros banners que for colocar, o vermelho é só para identificar ok, não precisa mudar a cor quando for escrever as tags.

<center><a href="http://suportenaweb.blogspot.com/" target="_blank"><img border="0" src="http://i375.photobucket.com/albums/oo195/josiasramos/anigif.gif"/></a></center>

Qualquer dúvida, post um cometário. Se o código deu algum problema me avisem, obrigado e um abraço a todos.