Como Conectar Redes Sociais ao Blog?

Conforme sugestão anunciada anteriormente, este post será sobre dicas para ampliar a divulgação do seu trabalho, através de links que permitem a integração com outras redes sociais no Blog.

A dica desta vez é, permitir que o leitor tenha acesso ao perfil do escritor em outras redes, com um único clique! Veja a seguir:

1 – Ao abrir a ferramenta “Layout”, selecione a opção “Adicionar um Gadget” como mostra a figura abaixo:


Existem duas formas para incluir links e ícones de redes sociais no Blog.  A maneira mais fácil, traz ícones automaticamente e o visual é básico. Para usar esta opção, basta inserir o link do perfil da rede social escolhida. Confira a seguir:

2 – Através da opção “Adicionar seu próprio”, é só inserir o link do seu perfil (ou Fun Page) da rede social desejada no campo indicado, como destacado na figura abaixo:


3 – A outra opção permite inserir ícones personalizados. E se você é daqueles que gosta de novidades, imagens criativas e temas mais elaborados (bem eu), esta é a solução mais indicada. Acompanhe a sequencia:

Ferramenta: “Layout”;
Opção: “Adicionar um Gadget”;


Opção: “Noções básicas”;


Opção: “HTML/JavaScript”;


Em seguida, basta inserir os código para conectar o ícone a rede social.


E para você que é leigo em códigos (eu outra vez), anote esta dica super fácil!

Copie o exemplo abaixo e cole na área indicada (como mostrado na figura acima). Para cada rede social que quiser incluir, repita toda a linha de código que aparece entre <center> </center>, mas não esqueça de trocar os links das redes sociais e imagens de botões:

Exemplo:

<center>

<a href="COLAR O LINK DO PERFIL DA REDE SOCIAL DESEJADA"><img src="COLAR O  LINK DA IMAGEM DO BOTÃO ESCOLHIDO"/></a>

</center>

Agora vem a melhor parte!

Em busca de ícones diferentes para incrementar meu Blog, encontrei um site maravilhoso!

E pra variar (sendo irônica), eu fiquei completamente perdida em meio a tanta variedade. Apesar de acreditar que padronização fica mais bonito visualmente, eu optei pelo glamour da variedade.

E por fim, acabei escolhendo uma imagem diferente para cada rede social. Veja como ficou!



Ah sim! Empolguei-me tanto que já ia esquecendo de falar do site que encontrei!

Pois bem, já que o objetivo dos posts é compartilhar descobertas, não deixe de anotar a sugestão a seguir!

São mais de 100.000 ícones em um único lugar. Prepare-se para ficar completamente indeciso com tantas opções. Confira: Free Icons!

Observação: Ao escolher uma imagem para adicionar a linha de código, é preciso uma atenção especial. Isto porque, imagens disponíveis na web precisam estar hospedadas em um servidor.

É! Eu também fiquei bem perdida com tantos detalhes, mas não se preocupe, eu vou dividir com vocês mais um truque, bem simples!

Com o botão direto do mouse (em cima da imagem), no próprio site, selecione a opção “Copiar URL da imagem”, em seguida, cole na linha de código (no espaço destinado para link da imagem).

Pronto, mais um post com dicas para deixar sua página mais sofisticada, agora é com você!

Até a próxima dica!


Comentários

Postagens mais visitadas deste blog

Série: Jogos de Q.I. - Atravessar os Sapos!

Série: Jogos de Q.I. - Travessia do Rio!

Bar Rescue