Dica tech: Como colocar os seus Ícones das Redes Sociais pela Plataforma do Blogger
01/10/2013
Oi 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
Eu faço tudo certo, mas a imagem do ícone não aparece :/
Olá Rayma, você está hospedando a imagem no servidor de forma correta?
Para esclarecer essas duvidas siga o tutorial do link abaixo:
https://www.cbblogers.com/2014/01/picasaweb-como-hospedar-e-utilizar-url-de-imagem/
Pois a unica maneira para as imagens não estarem aparecendo, só pode ser a hospedagem no servidor ou o link utilizado errado no código HTML.
Se o problema persistir me informe para ajudar.
Olá, eu tenho um sério problema com isso e eu acho que não consigo salvar nada na internet eu não fazer,m tem como me ensinar?
beijos
Olá Heloisa, para salvar as imagens no servidor online é só seguir o passo do link abaixo:
https://www.cbblogers.com/2014/01/picasaweb-como-hospedar-e-utilizar-url-de-imagem/
Olá o meu nao quer dar certo da uma olhada no meu blog e ver oq está acontecendo nao quer parecer a imagem, e nao quer me redirecionar para a pagina da rede social, se puder me ajudar agradeço! 🙂
aki está meu blog: http://karycrys.blogspot.com.br/
Olá Raquel, entrei no seu blog e as imagens e links estão normais. Pode ser que o seu computador esteja com problemas, por isso você não consiga visualizar as imagens e nem entrar nos links.
Olá!
Achei muito interessante a dica!
Fiz o processo mas a imagem do ícone não aparece e quando eu clico remete ao blog e diz que não existe.
Me ajudem por favor.
Olá Guga, se a imagem do ícone não está aparecendo, deve ser a forma como você a hospedou no servidor online, nesse caso veja o post do link abaixo, nele tem toda a explicação de como hospedar e utilizar de forma correta a URL da imagem.
https://www.cbblogers.com/2014/01/picasaweb-como-hospedar-e-utilizar-url-de-imagem/
Já com relação ao site não existe, pode ser o endereço URL que esteja errado na sua configuração, pois uma virgula fora do lugar dá erro e muda tudo.
Então verifique primeiro se está hospedando de forma correta a imagem e analise os códigos HTML que você está usando, se o erro persistir me retorne para que eu possa te ajudar.
, boa noite vou ver o seu blog e vou tentar mexer no HTML que não percebo nada, mas como se coloca TAGS, eu preciso Urgentemente e não consigo, PODE-ME AJUDAR? eu já tenho o programa do adsend no meu blog agora ando a procura como colocar o dobl click não consigo já pedi a tantas pessoas para me darem consultoria eu pago pelo serviço mas poucos sabem ou querem, eu preciso do tags não consigo criar, o dobl click caixa de E-mails para enviar automaticamente para varias pessoas, aumentar as visitas, e finalmente criar uma loja será que existe algum informático/a que me ajude, por favor
Atenciosamente
Alexandra Melo
Olá Alexandra, não entendi muito bem o que você está precisando para que possamos te ajudar, você poderia por gentileza nos enviar um e-mail para parceria@cbblogers.com com os detalhes do que você necessita, assim poderemos te ajudar a solucionar o seu caso.
Att
Nossa ficou lindo Obrigada pela dica!