{Tutorial} Como organizar os banners dos parceiros no seu blog

Olá pessoal!

Eu gosto muito de procurar códigos e dicas pra inovar o blog e um dia desses estava procurando algum código para me ajudar a organizar os banners dos parceiros do blog porém nos sites que encontrei o código, achei um pouco complicado a explicação então resolvi escrevê-la para vocês aqui.

Então, vamos começar:

Primeiro
  • Você pode criar uma página em branco para colocar os parceiros em: páginas >> nova página >> página em branco >> HTML ou criar um gadget em: layout >> Adicionar um Gadget >> HTML/JavaScript .


Depois de escolher qual você achar melhor vamos ao código.


Segundo
  • Se você quiser que ao clicar na imagem o link abra na mesma aba copie e cole o código a seguir:





  • Se você quiser que ao clicar na imagem o link abra em outra abra copie e cole o código a seguir:




Terceiro
  • Em LINK você coloca o link que a imagem deve abrir e em IMAGEM você coloca o URL da imagem.

OBS: para copiar o URL da imagem você deve hospedá-la em um site, eu uso o Picasa, primeiro entre em sua conta do google, insira a foto no site do Picasa, clique com o botão direito do mouse na foto e por último clique em Copiar URL da imagem.

>> Para colocar várias fotos apenas copie e cole várias vezes o mesmo código que você escolheu.

Como diminuir e aumentar as fotos:

Edite os números que estão em height (altura) e width (largura).

 <a href="LINK"><img border="0" height="140" src="IMAGEM" width="200" /></a>

EXEMPLOS:

Depois que colocar o link e o URL da imagem, as fotos deverão ficar assim:

>> Se você escolheu para que abra na mesma aba (clique nas fotos).

                

>> Se você escolheu para que abra em outra aba (clique nas fotos).

               


Dica: vocês também podem usar esse código para, por exemplo, colocar fotos com links para redes sociais.

Isso é tudo pessoal, qualquer duvida podem perguntar nos comentários!

Até a próxima.

CRÉDITOS: o código estava nesse site.


COMENTE COM O FACEBOOK:

2 comentários:

  1. Oi, segui as dicas que você deu mas não consigo publicar a página.
    Sabe dizer o que pode ter acontecido?

    ResponderExcluir
    Respostas
    1. Olá Lais, tente criar uma nova página seguindo como ensinei na postagem. Também ajuda editar os códigos utilizando um bloco de notas ou Microsoft Word. Qualquer coisa me envie um e-mail para livrosquefazemsonhar[arroba]gmail.com relatando o seu problema e eu tentarei ajudar.
      Beijinhos

      Excluir

Próxima Página Página Anterior Home
 
© Primavera Dourada - 2016. Todos os direitos reservados.
Criado por: Julia Vieira
Design de Imagens FPik.
Tecnologia do Blogger.