Como alterar ícones das redes sociais no blogger

abril 30, 2019

Aprenda como trocar os ícones das redes sociais do seu blog. Você pode trocar as cores e formatos deixando seu blog ainda mais bonito e personalizado.


Criei alguns modelos com cores diversificadas para agradar vários estilos de blogue e caso tenham interesse em usá-los abaixo vou deixar o código das imagens.  

Os modelos estão em ordem conforme o banner acima
COMO INSTALAR
1. Entre no Blogger e vá em > Layout > Adicionar Gadget > HTML/JavaScript;
2. Cole o código de acordo com o modelo escolhido.

MODELO 1
<a href="LINK DO FACEBOOK" ><img src="https://i.imgur.com/ObOGggh.png" /></a>
  <a href="LINK DO INSTAGRAM" ><img src="https://i.imgur.com/UpFj3u9.png" /></a>
  <a href="LINK DO TWITTER" ><img src="https://i.imgur.com/uMc90j2.png" /></a>
  <a href="LINK DO YOUTUBE" ><img src="https://i.imgur.com/f9kytcC.png" /></a>
  <a href="LINK DO TUMBLR" ><img src="https://i.imgur.com/bcusEuG.png" /></a>

MODELO 2
<a href="LINK DO FACEBOOK" ><img src="https://i.imgur.com/schYrX3.png" /></a>
  <a href="LINK DO INSTAGRAM" ><img src="https://i.imgur.com/DLcSzOa.png" /></a>
  <a href="LINK DO TWITTER" ><img src="https://i.imgur.com/EjpotTa.png" /></a>
  <a href="LINK DO YOUTUBE" ><img src="https://i.imgur.com/rtNeHYe.png" /></a>
  <a href="LINK DO TUMBLR" ><img src="https://i.imgur.com/VVUdCHw.png" /></a>
  <a href="LINK DO TIK TOK" ><img src="https://i.imgur.com/f6Mhj0h.png" /></a>

MODELO 3
<a href="LINK DO FACEBOOK" ><img src="https://i.imgur.com/QaoF4sC.png" /></a>
  <a href="LINK DO INSTAGRAM" ><img src="https://i.imgur.com/upgmoxD.png" /></a>
  <a href="LINK DO TWITTER" ><img src="https://i.imgur.com/MOt2aXW.png" /></a>
  <a href="LINK DO YOUTUBE" ><img src="https://i.imgur.com/KapV7PK.png" /></a>
  <a href="LINK DO TUMBLR" ><img src="https://i.imgur.com/QqdpeDA.png" /></a>

MODELO 4
<a href="LINK DO FACEBOOK" ><img src="https://i.imgur.com/Bcp1kmn.png" /></a>
  <a href="LINK DO INSTAGRAM" ><img src="https://i.imgur.com/1RevKGn.png" /></a>
  <a href="LINK DO TWITTER" ><img src="https://i.imgur.com/TOWMymA.png" /></a>
  <a href="LINK DO YOUTUBE" ><img src="https://i.imgur.com/YMio9Jg.png" /></a>
  <a href="LINK DO TUMBLR" ><img src="https://i.imgur.com/hqHi6Q0.png" /></a>

MODELO 5
<a href="LINK DO FACEBOOK" ><img src="https://i.imgur.com/DQPMwof.png" /></a>
  <a href="LINK DO INSTAGRAM" ><img src="https://i.imgur.com/BI168Lq.png" /></a>
  <a href="LINK DO TWITTER" ><img src="https://i.imgur.com/AZpxo6l.png" /></a>
  <a href="LINK DO YOUTUBE" ><img src="https://i.imgur.com/aOljfuv.png" /></a>
  <a href="LINK DO PINTEREST" ><img src="https://i.imgur.com/AvM3YUA.png" /></a>


3. Na onde está escrito LINK cole o link da sua rede social e clique em salvar.

Caso você queria acrescentar mais ícones (outras redes sociais) será necessário a montagem da imagem e também deverá hospedar a imagem em algum site específico para pegar o código e adicionar no HTML.

Espero que tenham gostado e qualquer dúvida estou à disposição através dos comentários

Beijos da Pâm!
📷 Instagram | 🐦 Twitter | 🍓Google+

  • Compartilhe:

Dicas para Leitura

25 comments

  1. Que tutorial incrível! Amei!

    Ótimo post!
    >>> https://blogjulianarabelo.blog/

    ResponderExcluir
  2. Oi!
    Que dica otima 😀 eu adorei, vou personalizar os meus ☺

    ResponderExcluir
  3. Gostei do tutorial. É bem fácil e simples.
    Bjus!

    galerafashion.com

    ResponderExcluir
  4. Adoramos o tutorial
    Beijinhos, http://damselme.blogspot.com/

    ResponderExcluir
  5. ah que legal, é mais simples do que eu pensava, já quero colocar no Tofu

    www.tofucolorido.com.br
    www.facebook.com/blogtofucolorido

    ResponderExcluir
  6. Pam,
    Você podia colocar uma foto de cada modelo antes dos códigos para a gente ter ideia da imagem.
    big beijos
    www.luluonthesky.com

    ResponderExcluir
  7. Os modelos está no banner ķkkk em ordem ❤

    ResponderExcluir
  8. Que bacana, obrigada por compartilhar.
    Achei o rosinha muito gracinha.

    ResponderExcluir
  9. Oi, Pam!!

    Quanto tempo!!! Te vejo bem mais no Insta! Adorei o tutorial, zempre bom dar uma renovada no blog! Amo!!! Ficaram lindos os icones que fez!!!
    Beijos, querida!
    Alessandra Ramos
    Glamour N' Nails Instagram @glamournnails

    ResponderExcluir
  10. Que demais, muito útil! Adorei o post, arrasou!

    ResponderExcluir
  11. Adorei. Um modelo mais bonito que o outro.
    Bom restante de semana!

    Jovem Jornalista
    Fanpage
    Instagram

    Até mais, Emerson Garcia

    ResponderExcluir
  12. Adorei a dica, , já estava atrás pra mudar os meus e irei aproveitar esse modelo .
    Beijos boa semana
    www.bellapagina.blogspot.com.br

    ResponderExcluir
  13. que dica incrível, adorei o tutorial!
    bjs www.diadebrilho.com

    ResponderExcluir
  14. Genteeee, tinha meses que estava tentando. Era um tal de hospedagem de imagens que nunca entendia kkkkk. Aqui foi só colocar o link das minhas redes e the end!! Muito obrigada!!!!

    ResponderExcluir
  15. Top moça, com tudo isso podemos configurar quais links e quais imagens queremos, vlw
    Continue assim com ótimos conteúdos!!!

    ResponderExcluir
  16. Valeu vei... to tentanto criar um novo blog funciona tbm No wordpress

    ResponderExcluir
  17. aaaa que legal saber, e manda o link para eu conhecer o seu blog. Bjs

    ResponderExcluir
  18. Quando a dica é boa dura anos, olha só, de 2019 e me ajudando hoje. Valeu!
    apenasjogar.blogspot.com

    ResponderExcluir
  19. Tem link pra botão do WhatsApp e @ para e-mail?

    ResponderExcluir
  20. Adorei! Queria link pra WhatsApp e @ para e-mail

    ResponderExcluir
  21. tem como eu editar o tamanho dos meus icons? Pq eu fiz e ficaram enormes KKKK

    ResponderExcluir
  22. Oii, tudo bem?
    Tem como editar sim, através do código você pode acrescentar height e width.

    ResponderExcluir

Agradeço a sua visita e espero que tenha gostado das postagens.
Deixe no campo 'comentários' o seu nome e endereço do blog para mim retribuir a visita.

-Não tolero e não irei autorizar comentários ofensivos/obscenos!
-Dúvidas sobre postagens, parceria e outros entre em contato via email: pamelasensato@gmail.com

Beijinhos da Pâm!