Ícones das redes sociais no blog - Uncomplicated Works

Ícones das redes socias no blog

Boas pessoal! Bem vindos a mais um tutorial do Blogger Uncomplicated Works , e hoje irei ensinar a colocar ícones das redes sociais no vosso blog. É um tutorial bem simples, o que irá dificultar mais na parte de colocar os ícones das redes sociais é criarmos um código CSS que encaixe com o nosso blog. A primeira etapa para colocarmos os ícones no nosso blog é escolhermos a imagem para eles, vou deixar aqui algumas imagens:

• Como criar página no Facebook do Blog
• Aprendam a personalizar ícones das redes sociais
• Como colocar Like Box - Facebook
• Botões para compartilhar postagens nas redes sociais

Estas ícones foram retirados do site Icon Archive o qual vocês podem visitá-lo e encontrar uma maior variedade de ícones para o vosso blog.
A primeira etapa está completa, agora vamos colocar o nosso ícone na nossa sidebar ou no lugar que desejam, para isso vamos ter de usar um código HTML.

Em primeiro lugar vamos inserir o link na imagem neste código HTML:

<img class='classe para aplicar código css' alt='Texto pretendido quando o rato está sobre o ícone' src='link-da-imagem' />

Agora vamos colocar esse código entre:

<a href='url_desejado' target="_blank"><img class='classe para aplicar código css' alt='Texto pretendido quando o rato está sobre o ícone' src='link-da-imagem' /></a>

Exemplo de um código:

<a href='www.twitter.com' target="_blank"><img class='twitter' alt='twitter' src='http://icons.iconarchive.com/icons/designbolts/3d-social/64/Twitter-2-icon.png' /></a>

Resultado:




Para colocar os ícones na sidebar basta ir a Esquema -> Adicionar mini aplicação e HTML/JavaScript e colocar esse código dentro da caixa. Se quiserem colocar noutro local e não saibam como deixem algo nos comentários que eu irei ajudar certamente.

A partir deste momento já temos conhecimento para colocar os nossos ícones das redes sociais no nosso blog, na próxima aula irei ensinar a colocar efeitos nos ícones quando o rato estiver sobre ele, espero que tenham gostado do tutorial de como colocar ícones das redes sociais no blog.  Espero que tenham gostado do tutorial e que ele vos tenha ensinado algo se tiverem algumas dúvidas deixem nos comentários, um tutorial do Uncomplicated Works.