Como fazer: ícones de redes sociais no blog

Hoje eu vim fazer um tutorial que está fazendo a cabeça das meninas por ai que são os buttons que direcionam para redes sociais em baixo da sua fotos na lateral do blog, A primeira coisa que você deve fazer é criar as suas imagens para direcionar para as redes sociais, já vi blogs com formatos de corações, cup cakes enfim o que combinar com o seu layout as imagens podem ter
32 x 32; 42 x 42 ; 72 x 72 ou até 100 x 100 pixels vai depender da quantidade de redes sociais que você vai querer (claro que menor vão caber mais redes sociais lado a lado ficando bem harmonioso)

o código que você vai usar é esse aqui em baixo que eu aprendi no costuramor você vai coloca-lo na barra lateral em um gadget "HTML/Javascript" nesse mesmo código você pode hospedar sua imagem e coloca-lo acima dos Buttons como aqui no blog >>

<a href="URL do Link" target="_blank"><img src="URL da imagem" /></a>

e para substitui é bem simples 
Url do link = Substitua pelo link de perfil da sua rede social 
Url da imagem= substitua pelo link direto da imagem hospedada (Tinypic, Photobucket, imageshack) 

Eu costumo pegar as imagens que eu vou utilizar nesse site aqui é só clicar na cor a escolher e fazer download, o pacote vem zipado com 3 tamanho de ícones diferentes e com ícones de várias redes sociais como You tube, Facebook, e-mail entre outras alguns exemplos de ícones do próprio site: 
  


Qual a importância de colocar minhas redes sociais na lateral do blog?
Além de esteticamente fica apresentável ao blog, para alguma parceria, Loja, Empresa entrar em contato com você é bem mais fácil, isso por que todas as suas redes sociais estão visivelmente apresentáveis e de uma forma que somente com um click, vão te encontrar muito facilmente pela internet, então muitas parcerias e anúncios para você ♥ espero que tenham gostado e que seja bem útil

Como fazer: ícones de redes sociais no blog Como fazer: ícones de redes sociais no blog Reviewed by Danielle Angelo on 30.4.14 Rating: 5

6 comentários:

  1. Adorei a dica! Estava mesmo em busca de umas imagens bonitinhas. :)

    Beijinhos

    www.burguesinhas.com.br

    ResponderExcluir
  2. Adorei as dicas!!! Super útil!!! Beijos

    http://blogdalucily.blogspot.com.br/

    ResponderExcluir
  3. amei a dica flor :) eu estava mesmo uma diquinha assim sabe não sou muito experiente em códigos HTML parecem ser muito difíceis rsrsrs mas então mil beijos :)

    http://mimadinhagirl.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. não tanto amore é só criar um pouquinho de prática e ter muita paciência :) espero que seja útil !

      Excluir