Existem vários sites com esse mesmo propósito. um deles é este
http://mybannermaker.com/.
Sendo bem simples de utilizá-lo
Agora após acessado o site
perceba que você vai criado o site por fases ...
onde nessa primeira aba
"size" você escolherá como será o formato desde banner
na segunda aba - Background (Plano de Fundo): Há duas opções para o plano de fundo:
Gradient – Nesta opção, você pode escolher uma ou duas cores para o plano de fundo. Caso escolha duas, você terá um efeito de degradê horizontal entre essas cores.
Upload Your Own Image – Aqui, você pode fazer usar uma imagem que possua em seu computador como plano de fundo.Neste caso eu salvei a imagem que utilizo como banner e indiquei esta.
3. Text (Texto): Aqui é onde você irá escrever o texto para seu banner. É possível escrever até 4 linhas, mas recomendo que você use 1 ou 2. Mais do que isso pode dificultar a leitura. Nessa página, você pode escolher diversas opções, como fonte, tamanho e posicionamento do texto. É importante que o título de seu blog fique bem visível.Por isso que no meu caso eu não utilizei essas letras, para não dificultar a visualização
4. Border (Borda): Você define se seu banner terá ou não uma borda. Caso tenha, basta arrastar o controle “Width” (largura) para o tamanho desejado e escolher a cor da borda.
5. Effects (Efeitos): Aqui, você pode escolher diversos efeitos para deixar seu banner mais atraente, por assim dizer. Você pode deixar seu texto piscando (“Blinking Text”) ou com brilhos (“Glitter”). Só é preciso ter cuidado e bom senso para que os efeitos não atrapalhem o texto. Notem que, na versão grátis do serviço, não é possível remover o texto “MYBANNERMAKER.COM”, que aparece na parte inferior da imagem.No meu caso não adicionei nehum efeito
ficou então assim:
6. Save (Salvar): Esta é a última etapa do processo. Você só deve realizá-la caso esteja satisfeito com o banner que você acabou de criar. Uma vez criado, você não poderá mais alterar o seu banner (a não ser que contrate a versão paga do serviço ou começo ele novamente). As opções mais importantes que você deve marcar nessa página:
Link: Aqui, você deve colocar o endereço do seu blog. Isso é muito importante, para que o visitante seja levado ao seu blog ao clicar em seu banner.
Normal Banner: Esta é a opção mais simples para quem está começando. Ao escolhê-la, sua figura já será colocada em um serviço grátis na internet (o Imageshack). Se você clicar na opção “Show code box below the banner” (mostrar caixa de código abaixo do banner), terá tudo pronto para colocar o banner em seu blog.
Após preencher essas informações, clique em “Save the Banner” (salve o banner). Na tela de confirmação, escolha a opção da direita (“Continue on free”) e o código para seu banner será exibido. No caso do meu exemplo, o código ficou assim:
<a href="http://uzumaki-extreme.blogspot.com" target="_blank"><img src="http://i.imgur.com/YLPIM.jpg" alt='Create your own banner at mybannermaker.com!' border=0 /></a><br>Copy this code to your website to display this banner!<br><textarea cols="40" rows="2"><a href="http://uzumaki-extreme.blogspot.com" target="_blank"><img src="http://i.imgur.com/YLPIM.jpg" alt='Create your own banner at mybannermaker.com!' border=0 /></a><br><a href="http://www.mybannermaker.com/">Make your own banner at MyBannerMaker.com!</a></textarea>
você poderá alterar depois todo o texto que estiver em vermelho, sendo que ele é a palavra que surge ao colocar o cursor acima da imagem
Você pode alterar o que está de azul que será aquela mensagem acima do código a ser copiado
e o que está de amarelo é total de largura e altura do textbox(aquela caixa com o código) você pode alterar para melhor exibição
e a alteração que você pode fazer é que você pode pegar o código aonde está
<img src="http://i.imgur.com/YLPIM.jpg" alt='create your own banner at mybannermaker.com!' border=0 />
e adicione as seguintes tags
<img src="http://i.imgur.com/YLPIM.jpg" alt='create your own banner at mybannermaker.com!' width="200" height="50" border=0 />
aonde
width= é a largura (quanto maior o número maior a largura)
height=altura(quanto maior o número maior a altura)
dessa maneira você pode editar as propriedades da imagen sem ser necessário fazer o banner novamente..
PARA PUBLICAR :
no seu blogger vá para o painel => design => adicionar um gadget => html/javascript
jogue o código que você copiou do site e adicione-o ai dentro
Dê um título(opcional) e depois veja aonde pretende adicioná-lo.Pronto agora é só visualizar
^ ^
Nenhum comentário:
Postar um comentário
comente o conteúdo