CBBlogers

Começando

Dica tech: Como colocar os seus Ícones das Redes Sociais pela Plataforma do Blogger

Icones de Redes Sociais cbblogers mundo do blog dicas tech

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.

Untitled

  • 3ª Quando aparecer a janela com as opções de Gadgets, você irá escolher a opção HTML, demonstração na imagem abaixo.

Untitled 2

  • 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 

Comentários

  1. Olá, eu queria saber do código social que vem em vários templates do blogger que vc n precisa hospedar a imagens, basta digitar esse codigo.
    Ex: ‘sorting-05 linkedin’
    Ex: ‘sorting-06 flickr’
    Com essa chamada inicial, n necessita de uma url para o icone, sabe onde se consegue?

    Responder
1 4 5 6

Deixe um comentário

O seu endereço de email não será publicado.


*


CBB no PFW - ULTIMO DIA!
  
Pular para a barra de ferramentas