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
Oi, você tem a url do instagram?
Olá Luiza, a URL do Instagram você irá utilizar do seu perfil.
OI Grasy, estou muito confusa, voce diz no seu tutorial na parte que voce diz ‘ACREDITO QUE ATE AGORA NAO HOUVE COMPLICAÇÕES”…bem estou confuso no seguinte, Eu entrei no site que voce descreveu acima, fui na imagem e coloquei salvar imagem. Depois que eu fiz isso eu abri meu dropbox e salvei dentro do dropbox, ai eu peguei o URL da imagem (acredito) e ai no tutorial voce diz URL DO PINTEREST E depois URL DA IMAGEM, no caso URL do pinterest seria o que? (gente eu devo ser muito burra), olha o exemplo do meu pinterest essa é a URL da minha imagem https://www.dropbox.com/s/q776aj9x45mbxes/Active-Instagram-3-icon.png?dl=0, ele salva em PGN, no meu blog apareceu uma imagemzinha errada nao aparece a imagem do pinterest…. nossa me ajuda
Olá Edilaine, No URL DO Pinterest, você irá colocar o endereço do seu perfil na rede social. Quanto ao salvar a imagem: é melhor que você salve em JPG e de preferencia no drive do próprio Google que seria o Picasa Web (https://picasaweb.google.com/home). Pois sempre que tentei salvar no dropbox não deu certo para mim. O final do endereço da imagem precisa ser sempre o formato dela, que no seu caso seria o png e não png?dl=0 como está no seu endereço. Veja um exemplo de uma imagem do meu blog (https://lh6.googleusercontent.com/-Jko3aB65n-A/U69L3k64H9I/AAAAAAAAMR0/ZA4PdiAs660/s311/Perfil.JPG).
Excelente dica!!!!!!
Consegui adicionar todos que tinha vontade.
Obrigadão =)
Abraços, Jana =)
Grazi, o Picasa não faz (mais) upload de ícones. 🙁
Vc indica outro site?
Olá Van, que estranho acabei de fazer um upload de um ícone lá e foi normal. Tem também o Tinypic.
Como eu consigo alterar o tamanho do ícone? Eu devo inserir algum código ou coisa do tipo?
Olá Otávio, nesse caso é mais fácil você alterar o tamanho da imagem em um programa de edição e já salvar no servido com o tamanho certo que você quer.
Obrigada Graziela!!! :*