18/01/2015

Ícones de redes sociais aquarela para seu blog

ícones de redes sociais para download
Vocês devem ter reparado que fiz uma pequena mudança nos ícones de redes sociais ali na barra lateral, quem não reparou, só olhar pro lado. Essa mudança foi resultado da leitura de um ebook que a Loma do blog Sernaiotto postou, com algumas dicas para reorganizar seu blog. Eu estava mesmo precisando organizar tudo por aqui, principalmente depois de ficar um ano parada, e o ebook veio bem a calhar. Uma das dicas era fazer uma pequena mudança no layout do blog, mesmo uma mudança pequena, como os ícones das redes sociais do blogueiro ou do blog, e enquanto criava novos ícones para mim, aproveitei para criar alguns para vocês também. 

Os ícones são um pouco transparentes, porque tentei fazer em um estilo aquarela. São quatro cores, azul, rosa, verde e vermelho, e cinco redes sociais cada um. Acredito que são as mais usadas: facebook, twitter, tumblr, google + e instagram. De qualquer forma, disponibilizei o fundo que usei para fazer os ícones das redes sociais, assim quem quiser fazer seus próprios ícones só vai precisar baixar uma fonte ou um shape e escrever por cima. O link para download está no fim do post.

Como usar os ícones de redes sociais:


1.0 Fazendo o download
(Pule essa parte caso já saiba baixar e descompactar um arquivo)

1- Baixe os ícones de redes sociais clicando no link ao final da postagem;

2- Descompacte o arquivo clicando com o botão direito e em "Extract here" ou "extrair aqui" se estiver em português. Baixe e instale o winrar em seu computador caso não apareça um ícone como o da imagem abaixo; Esse programa é muito útil, vale a pena ;)



3- Uma nova pasta vai surgir, seus ícones estão dentro dela.

2.0 Colocando em seu blog

1- Faça o upload das imagens em um site de hospedagem de arquivos. Você pode usar o próprio blogger, fazendo o upload das imagens em um post de rascunho. Caso prefira outro site, eu recomendo o imgur.com

2- Cole no local onde você quer que os ícones apareçam o seguinte código:

<a href="LINK DA SUA REDE SOCIAL (link do seu perfil)" title="NOME DA REDE SOCIAL (ex: facebook)"><img src="LINK DA IMAGEM DA REDE SOCIAL CORRESPONDENTE"/></a>

3- Substitua a parte destacada pelos links e repita o código para acrescentar outras redes sociais, sempre substituindo a parte destacada. Lembre-se de substituir somente a parte em negrito, deixando as aspas (") no lugar.

Para pegar a URL da imagem basta clicar com o botão direito em cima dela e "copiar URL da imagem" ou "copiar endereço da imagem".

ícones de redes sociais para download


Qualquer dúvida é só entrar em contato comigo ou deixar um comentário. Fiz tudo com muito carinho, espero que gostem.

6 comentários:

  1. útil.. ás vezes gosto tanto de um blog e quando vou procurar contato com a pessoa nas redes sociais.. kd? =D

    ResponderExcluir
  2. Os ícones ficaram lindos. Dá até vontade de levar todos. E seu tutorial está bem explicadinho... não tem como errar. :D

    Beijooos
    comvistaparavida.blogspot.com

    ResponderExcluir
  3. Os ícones ficaram lindos Vou tentar implementar no meu blog!
    Beijos
    Porão da Liesel
    Fan page

    ResponderExcluir
  4. Super fofos.

    http://meconteumsegredo.blogspot.com.br/

    ResponderExcluir
  5. Eu realmente preciso ler esse ebook, preciso das uma repaginada em meu blog.
    http://intergalacticsoul.blogspot.com/

    ResponderExcluir

Vai comentar? Lembre-se de seguir algumas regrinhas: nada de arrumar brigas com outras pessoas, e não use palavras de baixo calão! Não diga nada que você não diria para sua avó.

Obrigada pelo comentário, vou retribuí-lo assim que puder. Volte sempre (/◕▽◕。)/