Primeiro de tudo, você pode criar o banner no app Canva (Crie sua conta aqui) e fazer a hospedagem da imagem em um blog como esse, em um site do Google Sites ou sites como o ImgBB (Acesse aqui).
Após hospedar, copie o URL compartilhado da imagem e o link de destino que vai usar no banner.
O código de um banner html é esse abaixo:
<a href="link de destino"><img src="url da imagem do banner" width="largura do banner" height="altura do banner"/></a>
Substitua as seguintes partes:
- link de destino - Substitua pelo link da página de destino
- url da imagem do banner - Substitua pelo URL da imagem do banner
- largura do banner - Substitua pela largura do banner (Ex: Se o banner é 728x90, a largura é 728)
- altura do banner - Substitua pela altura do banner (Ex: Se o banner é 728x90, a altura é 90)
Adicionais - Você pode adicionar os seguintes atributos:
- Target (target="_blank") - Vai fazer seu link de destino abrir em uma nova página / adicione com espaço após o link de destino antes do fechamento 'a' - (Ex: <a href="link de destino" target="_blank">).
- ALT (alt="Escreva alguma coisa aqui") - Os atributos ALT são adicionados às imagens em HTML para descrever seu conteúdo e contexto na página do seu site. O atributo também aparece dentro do código de imagem quando o arquivo de mídia não pode carregar ou exibir corretamente.(Ex: <img src="url da imagem do banner" width="largura do banner" height="altura do banner" alt="Clique Aqui e Ganhe Dinheiro Agora"/>).
- Title (title="Escreva alguma coisa aqui") - Como o próprio nome do atributo pode sugerir, o title serve você dar um título para sua imagem, uma explicação em texto sobre aquela imagem, um rótulo ou legenda.(Ex: <img src="url da imagem do banner" width="largura do banner" height="altura do banner" title="Clique Aqui e Ganhe Dinheiro Agora"/>).
Pronto! Agora você pode criar seu banner html com link para adicionar aos seus blogs e sites.
0 Comentários