05 junho 2013

Ícones de redes sociais na sidebar

Imagem encontrada aqui

Olá gente linda!!! Hoje temos mais um tutorial para deixar o seu blog muito mais lindo e organizado.
A pedido de uma leitora, hoje vamos aprender a colocar ícones das redes sociais na sidebar, assim como eu uso aqui no blog. 
As redes sociais são uma das melhores estratégias para criar um público fiel ao nosso conteúdo. Então, se você ainda não criou perfis nas redes sociais para seu blog, eu acho que chegou a hora.
Feita essa etapa, agora vamos inserir os ícones no seu blog.
Vá no Painel do blog e adicione um novo gadget "Java Script HTML".
Cole nele o código abaixo:
<a href="URL DA REDE SOCIAL"><img src="URL DA IMAGEM DO ÍCONE" /></a>
Faça as alterações necessárias.
Para acrescentar outra rede social, basta copiar o código novamente e substituir as URL's de acordo com a rede social desejada.
Para centralizar os ícones basta colocar <center> antes e </center> depois de todo o código.

Primeiramente, escolha os ícones que deseja. Vou deixar aqui os mais populares.

     

image image image image image

image image image image image image image 

imageimageimage imageimage

image  image  image  image

imageimage image image image image image
image  image  image  image
 image  image  image  image  image  image  image  image  image  image



24 comentários:

  1. Muito obrigada!Ajudou muito,fazia tempo que eu procurava por esse tutorial,já fiz e coloquei lá no blog :)

    Beijos
    http://garotadisposta.blogspot.com/

    ResponderExcluir
  2. Muito legal o tutorial, vou ver se coloco o icone no blog!

    ResponderExcluir
  3. Oi Nah!
    Fico muito feliz que queira participar da campanha! Enviei o material para o seu e-mail do Gmail (um que você usou no concurso do meu blog há um tempão) se precisar que eu mande para outro e-mail é só dizer!
    Muito obrigada pelo carinho!

    Beijinhos Alados ♥

    ResponderExcluir
  4. oiiii ensina como colocar a caixa de data e o titulo no blog? pliiiiiiiiix

    desesperada!

    não consegui fazer de jeito nenhuma! Beijos me ajuda.

    ResponderExcluir
  5. Olá, amei os tutorias, mais não consegui achar o tutorial de colocar a nuvem flutuante !

    dâ uma olhada, MilBeijos ;*
    http://meajudaamiiga.blogspot.com.br/

    ResponderExcluir
  6. Amei vou colocar no meu blog !!
    http://mininaimperfeita.blogspot.com/

    ResponderExcluir
  7. Me ajudou muito! Obrigada mesmo linda
    http://edoseuestilo.blogspot.com.br/
    Beijos

    ResponderExcluir
  8. Adorei!! Vou colocar no meu blog :)
    http://docedediva.blogspot.com.br/

    ResponderExcluir
  9. deu certo! estava tentando fazia tempo e nada dava certo! não tem icon do pinterest? bjos

    ResponderExcluir
  10. olá seus tutorias me ajudaram muito parabéns pelo blog ...
    se puder da uma passada la pelo meu blog http://olagirls.blogspot.com.br/ bjuuh

    ResponderExcluir
  11. Oi! Esse tutorial foi muito útil, para colocar as redes sociais do meu blog! Obrigada! Gostaria de seguir o meu blog e também navegar nas nossas redes sociais? Que pergunta besta...

    www.thehomedream.blogspot.com

    ResponderExcluir
  12. olá,
    Amei seu blog muito legal se puder retribuir segue o meu e curte minha página

    Blog : http://femmemakiup.blogspot.com.br/

    página: https://www.facebook.com/Luisamakiup?fref=ts

    ResponderExcluir
  13. Eu acho que vc poderia postar uns icones maiores.. pq o seu blog foi o unico que eu consegui compreender como se faz e o unico que consegui copiar os icones.. Adorei

    ResponderExcluir
  14. Amei a dica, estava procurando faz tempo e o seu tutorial foi o que eu mais consegui entender e fazer direitinho, Obg!

    www.meusrabiiscos.blogspot.com.br

    ResponderExcluir
  15. Me ajudou muito , vlw mesmo.

    http://superdyvas.blogspot.com.br/

    ResponderExcluir
  16. obg *u*
    eu achei muito fofo esses icons

    ResponderExcluir
  17. Perfeito!
    http://se-derrame.blogspot.com/

    ResponderExcluir
  18. Desde já obrigado, estava querendo colocar estes ícones. Parabéns por compartilhar seu conhecimento.

    Rick Figueira
    total-qualidade.blogspot.com.br

    ResponderExcluir
  19. Obrigada! Me ajudou bastante, adorei seus tutoriais, um beijo.


    http://yasminfortz.blogspot.com.br/

    ResponderExcluir
  20. Rainha, eu já tava pra ter "minino" de tanto brigar com o blogger para colocar os ícones das redes sociais que tenho cadastro... Obrigada pela ajuda! Foi tão simples que me senti a maior tapada do mundo! hihhihihihihihihi

    Obrigada minha rainha! Sucesso em seu blog!

    ResponderExcluir
  21. Adorei, consegui fazer direitinho, mt obrigada! Se puder, dá uma olhadinha www.filosofiadosquinze.blogspot.com

    ResponderExcluir
  22. realmente vc me ajudou bastante ..muito obg :'D alias...vc pode dar uma vista aqi??ein??*uuu* http://soraiacristal.blogspot.com/

    ResponderExcluir

© Blog da Nah | Oficial - 2012. Todos os direitos reservados. Criado por: Natália Médice. Tecnologia do Blogger. imagem-logo