Freebies: 3 modelos de ícones sociais para seu blog em cores variadas + Como usa-los no blog

Oláá! tudo bem com vocês? espero que sim! hoje eu estou trazendo uma categoria que eu estava com saudades de atualizar, que é a categoria de freebies/downloads e mais uma utilidade para blogueiros. São Ícones sociais para você colocar na sua sidebar com o link das suas redes para assim os leitores te encontrarem.

Eu fiz 3 modelos de ícones com 5 cores cada!  e no final ensino você a usar no blog, é um código muito simples de HTML. Eu iria fazer um pack com todos os modelos, mas achei que seria um pouco demais, então vou deixar as imagens aqui mesmo e já upadas e vocês podem somente copiar a url para usar no código.

5 cores que eu mais vejo nos layouts e mais neutras foram as escolhidas: Preto,Cinza,Rosa,Azul e textura de glitter dourado.

Veja também: Capas editáveis para sua fã page

 Como usar os ícones sociais no seu blog? 

Na verdade usar essas imagens são muito simples, primeiro abra o bloco de notas ou uma postagem em rascunho no blog para alterar o código sem ter problemas

Essa é a linha de código copie e edite

<a href="LINK DA SUA REDE SOCIAL"><img src="LINK DA IMAGEM DA REDE"></a> 

esse link é referente a UMA imagem, por exemplo colocar o facebook, você vai pegar o link do seu facebook colar onde está pedindo e em link da imagem você vai copiar a url da imagem que você escolheu e colar. 

A cada rede social que você quiser adicionar você põe uma nova linha desse código e altera de acordo com a rede. 

Para pegar a url de uma dessas imagens dê um clique com o botão direito do mouse e vai aparecer várias opções, dentre eles "copiar url desta imagem" ou algo do gênero, e é só colar no código.

continua após a publicidade

Código nomeado para todas as redes sociais caso você ache mais fácil assim. 

<center><a href="LINK DO SEU FACEBOOK"><img src="LINK DA IMAGEM DA REDE"></a> 

<a href="LINK DO G+"><img src="LINK DA IMAGEM DA REDE"></a> 

<a href="LINK DO INSTAGRAM"><img src="LINK DA IMAGEM DA REDE"></a> 

<a href="LINK DO PINTEREST"><img src="LINK DA IMAGEM DA REDE"></a> 

<a href="LINK DO TUMBLR"><img src="LINK DA IMAGEM DA REDE"></a> 

<a href="LINK DO TWITTER"><img src="LINK DA IMAGEM DA REDE"></a> 

<a href="LINK DO YOUTUBE"><img src="LINK DA IMAGEM DA REDE"></a> </center>

Depois que você editar direitinho copie todo o código, vá em Layout >> Adicionar um gadget onde você quiser que fique as redes, escolha a opção gadget de HTML/JAVASCRIPT cole o código e salve. 

Veja também: Capas/banner editáveis para seu canal

Super simples! Espero que tenham gostado e se quiserem posso fazer outros posts com modelos diferentes. Até o próximo post 

Me acompanhe nas redes sociais:

Instagram: @gleicyhaner  + Fã page: Beleza Nerd + Portfólio: Gleicy Haner - Designs e fotografia