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

Anúncios

11 comentários sobre “Colocando ícones das redes sociais no blog

    • 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!

    • 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! ❤

Deixe um comentário

Preencha os seus dados abaixo ou clique em um ícone para log in:

Logotipo do WordPress.com

Você está comentando utilizando sua conta WordPress.com. Sair / Alterar )

Imagem do Twitter

Você está comentando utilizando sua conta Twitter. Sair / Alterar )

Foto do Facebook

Você está comentando utilizando sua conta Facebook. Sair / Alterar )

Foto do Google+

Você está comentando utilizando sua conta Google+. Sair / Alterar )

Conectando a %s