29 maio 2018

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


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.

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. 


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 







5 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
  2. Respostas
    1. Que bom que gostou amore <3 Obrigada pela visita!

      Excluir
  3. Adorei o post, vou copiar os códigos para usar no blog.
    bio para instagram

    ResponderExcluir

» Nossas redes sociais: Fã page | | Instagram | | Pinterest

» Críticas construtivas são sempre bem vindas.

» Deixe o link do seu blog no final do comentário e retribuiremos a visita com carinho.

» Lembre-se, tudo aqui é feito para você, então fique a vontade para pesquisar,ler,comentar e pedir postagens.

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