Vou ensinar a fazer uma das coisas mais simples no design.
Como já podem ter visto pelo titulo. vou ensinar a fazer um banner, vamos a isso:
1º Abrimos o Paint.Net, e criamos uma imagem com as seguintes dimensões:
Largura:182
Altura194
2º Usamos a varinha mágica para tornar a superfície da imagem criada transparente:
3º Escolhemos um penguin da nossa pack, e copiamos (CTRL+C) e colamos no Paint.Net (CTRL+V), quando copiar não se esqueça que vai aparecer esta janela, e vai ter de escolher a segunda opção:
4º Depois de colarmos o nosso penguin (pode ser um puffle, o que preferir), vamos fazer um retangulo grande, e um pequeno, veja:
5º Colamos o nosso Logotipo (que ja ensinei a fazer noutro tutorial), e escrevemos no retangulo mais pequeno Entra! ; Entra já! ; Acessa! ; Venha! ; tudo o que quiser, e pinta o fundo da imagem, este foi o resultado:
Acabamos e o resultado foi bom, agora resta experimentar você, mas vai ser uma tarefa fácil, pode usar todas as palavras que quiser, todas as imagens que quiser, e fazer um logotipo ao seu gosto para colocar no banner.
Mas agora chegou o momento de colocar o código para o gerador de códigos HTML.
Primeiro vá ao esquema do seu blog, e clique em: Adicionar uma miniaplicação(gadget)>HTML/Java Script, e cole este código, com as devidas alterações a CAPS LOCK:
<div align="center"><img src="LINK DO BANNER" border="0" /><br><textarea onFocus="this.select()" onMouseOver="this.focus()" rows="3" cols="15" name="textarea"><a href="LINK DO BLOG/SITE" target="_blank"><img src="LINK DO BANNER" border="0" /></a></textarea></div>
Até ao proximo tutorial, penguinando!
Sem comentários:
Enviar um comentário