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



29 de maio de 2018


icones sociais para 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.





















































 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.

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. 


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 





2 comentários:

  1. Olá querida Gleicy!
    Amei os freebies e o tutorial de como usar!
    Essa postagem é bem útil, obrigada por compartilhar!

    Tenha uma semana ainda mais abençoada!
    xoxo, Pam!

    https://palomari.blogspot.com/

    ResponderExcluir
    Respostas
    1. Oi Pam! tudo bem? é um tutorial super simples e bastante útil. Obrigada pela visita ♥

      Excluir

Fã page | Twitter | Instagram

Críticas construtivas são sempre bem vindas.
Deixe o link do seu blog no final do comentário e retribuiremos a visita
Aceitamos TAG's, se não a respondermos, provavelmente nós já devemos ter respondido anteriormente por outra indicação.
Lembre-se, tudo aqui é feito para você, então fique a vontade para pesquisar,ler,comentar e pedir postagens.

© BELEZA NERD 2013 - 2018. Todos os direitos reservados.
Layout e codificação: GLEICY HANER - DESIGNS E FOTOGRAFIA .
Tecnologia do Blogger.
imagem-logo