Colocando ícones das redes sociais no blog

catshun


Lembra que eu falei pra vocês que um blog já era demais pra mim? Pois é, eu menti (HOHO), porque eu criei outro blog, mas ele é um blog de texto e tem algumas categorias que você encontra aqui no B.M. Ontem a noite, enquanto eu arrumava o layout dele, eu fui procurando alguns outros "truques" para deixa-lo mais bonito (senti uma vontade imensa de voltar para o blogger) e achei cada coisa, que olha, sorte das meninas que tem seu blog na plataforma do blogger.


OBS: Eu não testei no W.P (WordPress), mas eu vou tentar e se der certo, eu grito pra vocês.


Desde que eu comecei com esse lance blog, eu sempre quis colocar os ícones das redes sociais embaixo da minha foto (acho lindo), o blog fica mais profissional e organizado. Se você também quer deixar seu blog mais "CHIQUE", siga os passos abaixo.




  • Você vai precisar salvar ou encontrar os ícones das redes sociais que você precisa (quer).  Os ícones que eu estou usando no meu novo blog são esses > icon, esses ícones eu baixei do blog PINK MOUSTACHE se você não gostar desses, você pode acessar outro site onde também tem uma grande variedade de ícones (AQUI)

  • Depois de escolher os ícones você fará o seguinte: BLOG> LAYOUT> ADICIONAR UM GADGET> HTML/JavaScript>

  • Cole na caixa de HTML o seguinte código:


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

Eu utilizei um site de hospedagem de imagens (Photobucket), no meu ponto de vista é mais fácil e não precisa pagar nada para criar uma conta. Se você preferir esse método, crie sua conta e faça Upload dos ícones escolhido e depois é só copiar o "Direct"...

icon


e colocar o link copiado no lugar de "URL DA IMAGEM".


Faça o mesmo procedimento com todas as redes sociais. Qualquer duvida, comente!


Espero ter explicado tudo corretamente, é sempre mais difícil explicar do que fazer.


Os ícones que eu uso estão aqui.


a3169e74

You May Also Like

11 comentários

  1. quero colocar o youtube no meu blog como faço?

    ResponderExcluir
  2. Oi Leticia, tudo bem? Eu não sei se eu entendi, mas eu deixei o código pronto pra você, é só ir no seu BLOG> LAYOUT> ADICIONAR UM GADGET> HTML/JavaScript> e colar o seguinte código .
    A imagem já esta pronta no código, você só precisa colocar o link do seu canal no Youtube. Qualquer duvida, não exite em perguntar. Beijos, gata!

    ResponderExcluir
  3. […] você ainda não sabe como colocar os ícones no seu blog, AQUI tem um tutorial simples que eu fiz pra vocês. O mesmo pode ser usado no […]

    ResponderExcluir
  4. Tentei colocar no meu blog, não consegui. Não sei o que acontece
    :-(

    ResponderExcluir
  5. Olá, Aline! Qual foi o erro? Talvez eu consiga ajudar!

    ResponderExcluir
  6. oi aline, fiz todo passo a passo que vc falou, mas o icone nao fica visivel no meu blog.

    ResponderExcluir
  7. Oi Juliana! O código URL da imagem pode estar errado, o código do post está todo certinho =/. Sexta-Feira farei um novo post sobre os ícones, vou ensinar um jeitinho mais fácil de coloca-los no blog. Qualquer coisa tenta acessar o tuto da Gabi, talvez ajude. AQUI! <3

    ResponderExcluir
  8. fazendo uma visitinha rs www.micaelaazevedo.com.br

    ResponderExcluir
  9. Amei o blog e o post ta bem explicativo e te desejo sucesso com o seu blog flor e um grande beijos e tchau ♥.
    Meu blog: http://todaliinda9.blogspot.com.br/

    ResponderExcluir
  10. Obrigada, Lu! Desejo-lhe o mesmo com o seu <3. Volte sempre! Beijãão

    ResponderExcluir

INSTAGRAM | @LOOWINVERNISSI