A organização de imagens Banners de parceria é uma coisa que nem todos começam no Blog já sabendo como se faz. Então vamos aprender a organizar estas imagens em "colunas" ou deixar "lado a lado" e também ajustar o tamanho de cada imagem.
Como organizar as imagens Banners em coluna
1º Passo: Primeiro é preciso que você adicione um novo Gadget ao seu Blog, então, vá no painel de edição do Blog e clique me "Layout" >> em seguida clique no link "Adicionar um Gadget".
- E adicione a opção "HTM/JavaScript"
2º Passo: A seguir, dê um título para o seu Gadget, e no campo "Conteúdo" copie e cole este código:
<a href="LINK DO SEU SITE" target="_blank"><img style="width: 125px; height: 60px;" src="URL DA IMAGEM" border="0" /></a>
Alterar o código
- A parte destacada em cor Azul "LINK DO SEU SITE" você vai colocar o link do site.
- Na parte destacada em Vermelho "URL DA IMAGEM" coloque o link da imagem.
Pronto, agora Salve o Gadget e veja como ficou. Veja que o mesmo ficou com o tamanho de 125x60px.
Alterar tamanho
- Largura: para ajustar basta você alterar o valor da seguinte parte "width: 125px" para o tamanho desejado.
- Altura: Altere o valor desta parte "height: 60px;" para o tamanho desejado.
Pronto, agora salve o Gadget e veja como ficou.
Adicionar vários Banners
Para adicionar vários banners, basta você copiar e colar várias vezes este mesmo código um a baixo do outro, e alterar cada um deles conforme foi mostrado. Este código automaticamente deixará sua imagens em colunas, dependendo da "largura do Gadget" as imagens podem ficar em duas colunas ou apenas uma.<a href="LINK DO SEU SITE" target="_blank"><img style="width: 125px; height: 60px;" src="URL DA IMAGEM" border="0" /></a>
Veja um exemplo, a largura do meu Gadget deu espaço para duas colunas com imagens de 125x60px, se as imagens fossem maior que 125x60px iria ficar somente com uma coluna.
Conclusão: este é um código automático, ele deixa as imagens alinhadas em colunas, e você pode adicionar várias imagens.
Queria colocar um gadget com o Tema Anucie Aqui, para fazer parcerias. Como pode me ajudar.?
ResponderExcluirEsse é o Gadget so vc Copiar o URL de Alguma Imagem q Esteja Anucie Aqui e Colocar do jeito q Está Explicando ae !
ExcluirÓtima dica Kelven, vou colocar no meu Blog :)
ResponderExcluirMuito bom
ResponderExcluirObrigado, amigo, graças a você eu consegui oficializar a parceira com os meus blogs amigos, obrigado! :)
ResponderExcluirBom tutorial! Me ajudou bastante! Obrigado!
ResponderExcluirquantos banner posso colocar e o que fazer quando adcionar outro banner
ResponderExcluirVocê pode adicionar quantos Banners quiser, pois o código automaticamente organizarás suas imagens.
ExcluirAgora, tome cuidado com o excesso de imagens sem necessidade.
muito bom amigo!!
ResponderExcluirveja como ficou o meu: http://www.semhumor.com.br/
Olá,
ResponderExcluirEu fico praticamente quase o dia todo fazendo as configurações e personalizações que aprendi com o seu Blog que coloquei o seu banner link-me no meu para poder fazer a divulgação.
Valeeeeu!!! ajudou muito, depois de ter me acabado pra encontrar finalmente achei. Estão de parabéns!
ResponderExcluirhttp://um1diariogeek.blogspot.com.br/