Dica tech: Como colocar os seus Ícones das Redes Sociais pela Plataforma do Blogger
01/10/2013Oi pessoal, tudo bom??
Aqui é Grazi do Blog Intensy Modas, e hoje eu trago até vocês uma dica de como colocar ícones das redes sociais no blog da plataforma do Blogger. Todos nós sabemos o quanto é importante os ícones das redes sociais, esse assunto até já foi abordado aqui no CBBlogers algumas vezes, mas acredito que muitos de nós, blogueiras e blogueiros, ainda tem algumas dúvidas sobre como colocá-los.
Então eu preparei um passo-a-passo bem simples, que pode lhe ajudar (e muito) a atrair mais pessoas até as suas redes sociais.
Para a Plataforma do Blogger:
1º Passo – escolher o ícone: você irá acessar o site Icon Archive (http://www.iconarchive.com/category/social-network-icons.html), escolher o ícone das redes sociais que você quer e irá salvar no seu computador. Lembrando que existem vários sites aonde você pode fazer o download dos ícones.
2º Passo – Armazenar imagens no servidor web: você irá hospedar as imagens dos ícones em um servidor online de armazenamento de fotos na internet. Eu utilizo o Picasa Web do Google, mas caso esteja acostumado com algum outro servidor, pode utilizá-lo.
3º passo – colocar os ícones no blog: No painel do Blogger você irá seguir as regras:
- 1ª Acessar a opção Layout,
- 2ª Clicar na opção adicionar Gadget – conforme a imagem abaixo.
- 3ª Quando aparecer a janela com as opções de Gadgets, você irá escolher a opção HTML, demonstração na imagem abaixo.
- 4º Depois de escolher a opção HTML irá aparecer a janela para realizar a configuração, no campo conteúdo você irá 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 complicações, agora iremos alterar o código para que apareça as suas redes sociais. Só será alterado os campos que estão em negrito, inserindo o link das suas redes sociais nos campo URL DO YOUTUBE por exemplo.
No campo URL DA IMAGE, você irá colar o link de onde a imagem foi salva no servidor web.
Caso queira colocar outras redes sociais é só acrescentar mais um campo do código abaixo, antes do </a>
<a href="URL do YOUTUBE"><img border="0" src="URL da IMAGEM"/></a>
No final é só salvar que a suas redes já estarão disponíveis no seu blog para que os seus leitores possam acessar e segui-las.
Por favor, tenha certeza de acessá-las para se certificar de que o link está direcionado corretamente às suas redes sociais.
Se alguém tiver alguma duvida ou dificuldade, é só deixar nos comentários que eu estarei ajudando.
Um Super Beijo,
CBBlogers by Gra
E não se esqueça de passar no Blog Intensy Modas e também segui-la aqui no CBBlogers.
Facebook / Twitter / Pinterest / Instagram
*imagem via iconarchive
cara não esta pegando o que sera que aconteceu ?
não esta aparecendo o ícone e nem vai direcionado a minha rede social
Olá Randell, utilize o código abaixo:
Grazi,
Tentei colocar com o código igualzinho, salvei no picasa as imagens que eu escolhi, porém elas não aparecem no meu blog.
Como faço para consertar?
Beijos
Olá Grazi, eu andei analisando novamente o código e o código do tutorial não está funcionando, então tentei utilizar esse código abaixo:
Substitua somente o URL da rede social e da imagem. Agora é para dar certo.
não consigo colocar no blog. Já tentei de todo jeito, colocando até as imagens umas 2 vezes no album do picasa… mas nao dá certo. HELP!
Olá Marcia, você verificou se o código HTML está correto?
Tente hospedar a imagem em outro servidor para verificar se não é o Picasa que está com problemas. Experimente o Tinypic (http://tinypic.com). Pois eu seguir novamente todo o passo a passo e deu tudo certo. Se o problema persistir me avise para ajudarmos a solucionar.
Já coloquei no blog, os links estão certos, pois reencaminham para as devidas redes sociais, mas os ícones não aparecem. Acha que é por as ter guardado nas imagens do Google?
Ruthia d’ Berço do Mundo
Pode ser a forma de hospedagem da imagem que está sendo feita de forma errada.
Faça o teste com os outros servidores online que passei acima para tirar a duvida.
Para além do Picasa, que servidor online de armazenamento de fotos posso usar para guardar os ícones?
Muito obrigada
Ruthia d’O Berço do Mundo
http://bercodomundo.blogspot.pt/
Olá Ruthia, além do Picassa tem também o ImageShack, Photobucket, Tinypic e o Pixa.
Desses eu usei somente o Tinypic os outros nunca usei então não sei dizer se são tão eficientes quanto o Picassa.
Bom dia mas não consigo colocar, http://www.recompostos.pt
Olá Manoel, o que vc não consegue colocar, as imagens que não aparecem ou o link que não é direcionado a rede social desejada?
Se caso for as imagens é só seguir o passo a passo do tutorial desse link que é para funcionar:
https://www.cbblogers.com/2014/01/picasaweb-como-hospedar-e-utilizar-url-de-imagem/
Se for o redirecionamento para o site da rede social reveja o código e analise para ver se não tem nada errado, pois apenas uma virgula fora do lugar no código HTML, ele não funciona.