Como adicionar icons de redes sociais ao blogue

19:30



O post de hoje é um pouco mais para quem têm um blogue ou uma plataforma! Trago-vos uma dica bastante essencial em qualquer blog e que com certeza já todos vocês procuraram ou se perguntaram como podia pôr os icons de redes sociais no vosso blogue. Todos nós sabemos o quão importante estes icons são, pois facilitam a vida aos nossos leitores para encontrarem as nossas redes sociais. Por isso preparei um passo-a-passo bastante simples e que vai ajudar muito o vosso blogue (ou outra plataforma que tenham).

1º Passo - Escolher os icons! 
Este passo é do vosso agrado, vocês podem escolher os vossos icons na Internet ou criá-los vocês mesmos. O site Icon Finder têm vários icons que vocês podem usar, de todos os estilos e para todos os blogues! Uns pagam-se, outros não. Para quem decidir criar os seus próprios icons, aconselho a usarem um tamanho de 42x40. 

2º Passo - Armazenar as imagens num servidor Web
Neste passo vocês precisam que as imagens estejam guardadas em algum site na Internet para que tenham acesso ao link da imagem! Podem usar o Picasa Web do Google, mas eu prefiro o TinyPic, pois vocês fazem o upload da imagem e ele automaticamente dá-vos os links todos, desde codigo html, ao link da fotografia mesmo! Para este "tutorial" recomendo-vos a usar o "Direct Link for Layouts", caso esse não resulte, vocês clicam em "View Full Size Image" e depois clicam com o lado direito do rato em "Abrir Imagem Num Novo Separado" e pegam nesse link!

3º Passo - Começar a encaixar as coisa!
Agora é o momento de misturar tudo para criar o "bolo"! Por isso seja onde for a vossa plataforma, eu eu estou a funcionar com a do bloguer!

1. Clicam na opção Layout. 
2. Depois cliam na opção adicionar Gadget - conforme as imagens a baixo!

3. Quando abrir a janela com os Gadgets vocês vão escolher a opção "HTML/Java Script", pois é com código html que vamos trabalhar!

4. Depois de escolherem a opção HTML irá aparecer a janela para realizar a configuração, no campo em branco vocês vão colar o código abaixo:
<a href="URL DO FACEBOOK"><img border="0" src="URL da IMAGEM" /></a>
<a href="URL do TWITTER"><img border="0" src="URL da IMAGEM" /></a>
<a href="URL do PINTEREST"><img border="0" src="URL da IMAGEM" /></a>
<a href="URL do GOOGLE+"><img border="0" src="URL da IMAGEM" /></a>
<a href="URL do YOUTUBE"><img border="0" src="URL da IMAGEM"/></a>

Acredito que até aqui não houve problemas, agora basta alterar o código para que apareça as redes sociais e as imagens. A única coisa que necessita de ser alterada são os campos que estão em negrito e Caps Lock, onde num é para ser inserido o link das vossas redes num campo como URL DO YOUTUBE por exemplo, e no outro é onde é colocado o link da vossa imagem, que é o campo URL da IMAGEM.

Caso queiram colocar outras redes sociais é só acrescentar mais um campo do código abaixo, depois do último </a>. Também igual : <a href="URL da REDE SOCIAL"><img border="0" src="URL da IMAGEM"/></a>

No final é só salvar tudo que os botões das redes sociais já vão estar disponíveis e a funcionar nos vossos blogues, para que os vossos leitores possam ter acesso a elas e vos seguirem. Por favor, cliquem em todos os botões para ter a certeza que estão a funcionar e que têm os links correctos! Se alguém tiver alguma duvida ou dificuldade, é só deixar nos comentários que eu tentarei ajudar no que posso.

Espero que tenham gostado, e compartilhem com os vossos amigos blogueres! Compartilhem comigo os vossos blogues caso tenham utilizado esta dica! 

You Might Also Like

0 comentários