''Paz,fé,esperança,amor.Estes são os votos do Variadão para este novo ano de 2010!''

terça-feira, 13 de outubro de 2009

Como criar um banner / link-me para seu blog / site.


Muitos sites apresentam ao lado uma caixinha com imagem animada e um link log abaixo,é o link-me do blog ou site!Ele é bem importante para seu blog no caso de divulgação.Ele poderá ser divulgado em outros sites,blogs.Para isso é preciso um acordo de parceria entre os adiministradores dos sites.
Vamos começar pela ordem,primeiro ensinarei como se faz o banner ( a imagem animada),depois passamos para o link-me (código de acesso ao seu blog por meio da imagem ).
Bom,a criação do banner pode ser começada por meio de um pequeno ou famoso editor de fotos (Photoscape,Photofiltre,Fireworks,Photoshop,CorelDraw),até um site da internet que possibilita a geração de um banner com link-me (ou até só o banner ).Mas calma,não vá se preocupar em baixar o ''pesado'' photoshop só para fazer uma coisa assim!
Isso podemos fazer até mesmo no Photoscape ou Photofiltre,dois conhecidos editores de foto que são bem eficientes.Eles podem ser encontrados no confiante site e maior,Baixaki(Já posto o downoload aqui!).
Vou usar de exemplo o Photoscape,bem prático e fácil de usar.Bom,tendo baixado o programa , instale e abra o Paint.

  • Selecione o Balde na barra do paint.Selecione a cor de fundo que você quer para o seu banner,a qual fica a seu critério,claro!Pinte!

  • Salve a imagem com o tamanho atual,depois é que se reduz! (com o nome:exemplo,ou o que você quizer)

  • Agora,abra o Photoscape, e clique no Editor!

  • Abra a imagem que você fez no paint no photoscape,agora sim vamos redimensioná-la(ou seja modificar o seu tamanho),pra isso vá em redimensionar!

  • Desmarque a caixa Preservar aspecto de proporção. Coloque em largura:180(pixels),e Altura:58 (pixels).Dê ok!

  • Agora você salva sua primeira imagem assim:

-Antes de salvar vale lembrar que é bom criar uma pasta em seu desktop para colocar as imagens (assim,para ficar uma coisa organizada).Coloque na pasta o nome de banner.-Clique em salvar como, e coloque o nome de ''1''. (salve na pasta banner)

-Agora faça a segunda imagem e faça o mesmo procedimento da primeira(continue abrindo a imagem origem que é a que foi feita no paint),mas agora coloque o numero ''2''.E assim por diante,a próxima como número 3,depois 4,depois 5.O número de imagens fica a seu critério!

-Quando você criar todas as imagens,clique na tag Animação Gif do photoscape:





'






  • Agora selecione as fotos que quer para sua animação para o banner (arraste-as para o Photoscape)Detalhe:Coloque na ordem de apresentação do banner.


  • Feita a animação do seu banner,chega a hora de salvar!Salve com qualquer nome mas no formato GIF.Já pode salvar em qualquer lugar.


  • Vale lembrar que quando você for abrir sua imagem ela será aberta no seu navegador padrão;exemplo , Internet Explorer ou Mozilla Firefox

Beleza,agora vamos hospedar a sua imagem na web.Acesse o site do imageshack.

  • Clique em Browse para buscar sua imagem e Abrir .Não mexa nas configurações (recomendado)


  • Espere o site fazer o upload de sua imagem e daí ele lhe dará os links de sua imagem.Crie um documento de texto em sua area de trabalho a partir do bloco de notas ou world pad:
-Botão direto do mouse na area de trabalho,novo,documento de texto.


  • Agora copie os links para o documento de texto e salve com o nome que você quizer,exemplo:links (não é necessário copiar todos,os mais importantes sao os dois primeiros que é o Direct link image e o Short link image

  • Agora que sua imagem já está hospedada é hora de criar o link-me,acesse o site do mais blog aqui.Aí você vai cair no gerabuttom ou gerador de botões do site,que já é um pouco conhecido na net.


  • Onde há Endereço da sua imagem cole o direct link da sua imagem hospedada no imageshack


  • Não é necessário o texto alternativo!


  • No Endereço do link coloque o endereço do seu blog/ site.Clique em gerar e copie o código para o seu blog assim.


  • Painel-layout-elementos da página-Adicionar um gadget e adicione HTML / Java script.



Adicione o nome dizendo a informação que ali está seu link-me e cole o código!

Salve e teste,é isso ai depois eu estarei fazendo um tutorial de como criar um banner com link-me pela net com criadores ou geradores,mas dessa forma é bem mais prática e personalizável!

Até mais!

0 comentários:

Postar um comentário

Faça um comentário,fale sobre o que achou do post:

Termos de uso para Comentar no Variadão:

1.Comentários com chingamentos,deboxes ou mensagens informando superioridade de outro dominio sobre esse não sera aceitas.
2.Perguntas de ajuda sobre outros assuntos que não corresponde ao relatado também não são correspondidas ou aceitas.
3.É terminantemente proibido a feição de propragandas para qualquer produto que seja.
4.Comente algo que tenha relação ao assunto em questão.

Relatório:Lucas [Adiministrador do site]


Todos os direitos reservados - Blog variadão da net

Related Posts with Thumbnails
 

Template editado por Lucas - Alguns direitos reservados - Blog variadão da net