Blogosfera: Ícones Sociais No Blog

By Jessica Laila - junho 08, 2015



Olá meus amores tudo bem? Espero que sim. Mês de Junho começou repleto de novidades aqui no blog, uma dessas novidades é a nova categoria BLOGOSFERA, nessa nova categoria do blog, vou postar tutoriais, dicas e Freebies bem legais e úteis pra vocês usarem no blog de vocês. Espero que essa categoria possa ajudar as blogueiras iniciantes, visto que não manjo tanto assim de HTML e programação.


No primeiro post dessa categoria vou ensinar a vocês como eu fiz pra colocar esses íconezinhos de redes sociais no “quem sou eu” do blog assim:





Pra deixar o seu assim é bem simples, é só acompanhar esse tutorial super fácil de aprender, olha só:

1º Passo – Você precisa escolher as imagens que você quer no seu blog, escolha as imagens que mais combinem com o seu blog e com você. Com uma pesquisa rápida no Google Imagens vocês encontram vários modelos diferentes de ícones sociais, é só procurar "ícones de redes sociais" ou "ícones sociais" e escolher a suas. Vou disponibilizar aqui algumas pra vocês escolherem:





Obs: Esses ícones super fofinhos da imagem acima, foram feitos pela Gabriela do blog Pudding, então créditos a ela *0*. São cinco modelos pra você escolher.



            

            

             

               

        

         


Obs: Algumas dessas imagens encontrei no blog Papo Garota, acredito que o design das imagens não sejam dela, mas como encontrei lá as imagens, créditos a ela.


2º Passo – Pra colocar esses ícones no blog é super fácil. Faça o download do pacote e hospede em algum site de hospedagem de imagens, eu recomendo o site Tynipic que é muito bom e eu sempre uso, mas você também pode usar o Picasa e etc.


*Obs: para os ícones que eu selecionei pra vocês aqui no blog, com exceção do primeiro que você vai precisar baixar e hospedar, os outros basta vocês clicarem com o botão esquerdo do mouse e copiar o url da imagem.


3º Passo – Procure a aba “Layout” no seu blog, depois clique em “Adicionar Gadget”, e depois procure “HTML/JavaSript”. Com a janelinha do Gadget aberta você vai copiar esse código e colar lá:


<a href=”url da sua rede social”><img src=”url da imagem”/></a>


4º Passo – Troque os itens em negrito pelos seus links, por exemplo, onde está escrito “url da sua rede social” você coloca o link da sua Fanpage, twitter, Instagram, etc e onde está escrito “url da imagem” você coloca o link da imagem correspondente que você escolheu.
Repita esse mesmo procedimento para todas as redes sociais que você quer no seu blog. E prontinho!


Viu só como é fácil? Espero que eu tenha ajudado. Se você gostou do post e quer mais desse tipo, deixe sugestões aqui nos comentários, vou ler tudo e selecionar alguns tutoriais pra fazer pra vocês.


Se usar o tutorial no seu blog, não esqueça de deixar um comentário, isso me ajuda a saber se vocês estão gostando dos tutoriais e posts. Não se esqueçam de curtir a Fanpage do blog pra ficar por dentro de todas as novidades ok? Um grande beijo pra vocês e até o próximo post.


  • Share:

You Might Also Like

4 comentários

  1. Muito obrigada pelas dicas, estava procurando novos ícones <3

    http://nostalgiacinza.blogspot.com.br/

    ResponderExcluir
  2. Obrigadaaaaaaaaaaa! *-*
    Agora o meu perfil vai ficar mais bonitinho! kkkk

    www.desastredemulher.com.br

    ResponderExcluir