Para criar um banner você precisa primeiro ter em mão o logotipo, de forma reduzida é claro. Não seria bem um widget, mas a Equipe do EAE a considerou sendo como, pois os widgets fazem a lateral.
Você pode editar seu banner para parceiros com vários programas, recomendamos o Corel Draw X4, Paint NET. ou o próprio Paint.
Para ter seu banner adicionado como parceiros aqui no Blogg EAE apenas faça como o aviso já diz: 120x60.
Você pode fazer de várias medidas, que é o aconselhável, pois muitos blogs não aceitam qualquer medida, alguns preferem banners pequenos, outros de bastante largura, e assim vai.
Depois de pronto o banner, adicione a imagem na web, pode ser via Picassa ou ImageShack (não se esqueça de pegar o código da imagem, o link direto da imagem) , depois da imagem estar na internet vamos ao código, enfim, o tutorial em si (vai ficar igual ao do Blogg EAE):
Você pode editar seu banner para parceiros com vários programas, recomendamos o Corel Draw X4, Paint NET. ou o próprio Paint.
Para ter seu banner adicionado como parceiros aqui no Blogg EAE apenas faça como o aviso já diz: 120x60.
Você pode fazer de várias medidas, que é o aconselhável, pois muitos blogs não aceitam qualquer medida, alguns preferem banners pequenos, outros de bastante largura, e assim vai.
Depois de pronto o banner, adicione a imagem na web, pode ser via Picassa ou ImageShack (não se esqueça de pegar o código da imagem, o link direto da imagem) , depois da imagem estar na internet vamos ao código, enfim, o tutorial em si (vai ficar igual ao do Blogg EAE):
Tutorial
Clique para Expandir
Clique para Expandir1º - Copie o código abaixo, ele é o código principal para fazer com que o banner fique acima de uma box com o código, onde o usuário passa o mause por cima e ele já seleciona todo o texto.
<center><img vspace="2" hspace="2" src="AQUI VAI O LINK DA IMAGEM"/><br/><textarea rows="3" cols="15" onfocus="this.select()" onmouseover="this.focus()" name="textarea"><a href="AQUI VAI O LINK DO SEU BLOG" target="_blank"><img border="0" src="AQUI VAI O LINK DA IMAGEM"/></a></textarea></center>
2º - Clique na aba "Layout" como mostra a Img 01;
3º - Acessada a aba "Layout" clique em "Adicionar um Gadget" como mostra a Img 02;
4º - Note que uma nova janela abriu, procure por "HTML/JavaScript" como mostra a Img 03;
4º - Adicione o "Título" ("Banner para Parceiros", "Parceria?", "Banner") e então cole o código da Instrução 1º na box do "Conteúdo" e de salvar, como na Img 04.
ps.: Você pode aumentar ou diminuir o tamanho da caixa de texto com o código do banner, veja no código "<textarea rows="3" cols="15" onfocus (...)>", então o "rows" seriam as linhas, e o "cols" seriam as colunas, ou seja, a quantidade de caracteres por linha. Uma dica seria não deixar muito grande a caixa, nem tão minúscula.
Pronto, feito tudo certo é só esperar algum usuário vir copiar o código do seu banner e colar no blog dele.
<center><img vspace="2" hspace="2" src="AQUI VAI O LINK DA IMAGEM"/><br/><textarea rows="3" cols="15" onfocus="this.select()" onmouseover="this.focus()" name="textarea"><a href="AQUI VAI O LINK DO SEU BLOG" target="_blank"><img border="0" src="AQUI VAI O LINK DA IMAGEM"/></a></textarea></center>
2º - Clique na aba "Layout" como mostra a Img 01;
3º - Acessada a aba "Layout" clique em "Adicionar um Gadget" como mostra a Img 02;
4º - Note que uma nova janela abriu, procure por "HTML/JavaScript" como mostra a Img 03;
4º - Adicione o "Título" ("Banner para Parceiros", "Parceria?", "Banner") e então cole o código da Instrução 1º na box do "Conteúdo" e de salvar, como na Img 04.
ps.: Você pode aumentar ou diminuir o tamanho da caixa de texto com o código do banner, veja no código "<textarea rows="3" cols="15" onfocus (...)>", então o "rows" seriam as linhas, e o "cols" seriam as colunas, ou seja, a quantidade de caracteres por linha. Uma dica seria não deixar muito grande a caixa, nem tão minúscula.
Pronto, feito tudo certo é só esperar algum usuário vir copiar o código do seu banner e colar no blog dele.
Nenhum comentário:
Postar um comentário
Gostou do artigo?
Poste aqui um comentário, é claro que o comentário deve estar de acordo com o tema do artigo!
Grato pela atenção! Equipe do EAE!