Ícones das Redes Sociais

Olá galera.

Estou aqui com mais um tutorial, para quem esta começando com o blog e não sabe como colocar ícones de rede social no seu blog.

E também ajudarei quem quiser ícones personalizados.

Estou disposto a ajudar, faço no photoshop e outros programas.

Quem quer ícones personalizados para seu blog, é só entrar em contato pelo e-mail 

contatomadrugandonanet@outlook.com

Vamos ao nosso tutorial.

 Todo mundo sabe o poder que as redes sociais hoje tem, por ela você aumenta seu tráfego para seu site, assim alcançando um maior número de leitores.

 Divulgando seus post's nas redes sociais faz com que seu blog ganhe relevância.

Irei mostrar de uma forma bem prática

Você criou um blog e também criou páginas nas redes sociais [Facebook,Twitter,Tumblr,Instagram,Google + entre outras] e quer colocar no seu blog terá que acrescentar um gadget.

Layout>Adicionar um Gadget>depois procure por Html/JavaScript.

Cole o código abaixo :

 <a href="link do feed" style="position: fixed; left: 2px; top: 100px;" target="_blank">
<img border="0" heigth="48" src="link da imagem" title="Assinar Feed" width="48" /></a>

<a href="link do twitter" style="position: fixed; left: 2px; top: 150px;" target="_blank">
<img border="0" heigth="48" src="link da imagem" title="Siga-nos" width="48" /></a>

<a href="link da page" style="position: fixed; left: 2px; top: 200px;" target="_blank">
<img border="0" heigth="48" src="link da imagem" title="Facebook" width="48" /></a>

<a href="link do googlebuzz" style="position: fixed; left: 2px; top: 250px;" target="_blank">
<img border="0" heigth="48" src="link da imagem" title="Google Buzz" width="48" /></a>

<a href="link do youtube" style="position: fixed; left: 2px; top: 300px;" target="_blank">
<img border="0" heigth="48" src="link da imagem" title="Youtube" width="48" /></a>

<a href="link do myspace" style="position: fixed; left: 2px; top: 350px;" target="_blank">
<img border="0" heigth="48" src="link da imagem" title="MySpace" width="48" /></a>

<a href="link do orkut" style="position: fixed; left: 2px; top: 400px;" target="_blank">
<img border="0" heigth="48" src="link da imagem" title="Orkut" width="48" /></a> 







 Terá que mudar algumas coisas.

Onde está escrito '' link do feed'' você substitui pela página correspondente

Onde está escrito ''link da imagem'' terá que substituir pelo link do ícone

Onde está escrito ''top 400'' ajusta a distância dos ícones do topo do blog.

Onde está escrito '' Left '' ajusta para esquerda e ''right' para direita

Abaixo a algumas imagens para copiar o link.

Ou pesquise no google imagem por'' ícones redes sociais png'' , lá terá um número maior de ícones de todos os tamanhos. 

Salvar e visualiza se esta tudo ok.

___________________________________________________

Outro tutorial com estilo diferente .

Primeiro vá em "Layout" > "Adicionar um gadget" > procure por "HTML/JavaScript e cole o seguinte código:  

        <div style="margin: 5px; padding: 10px;">

<a href="LINK DA PAGINA"><img style="border: 0px solid ; width: 32px; height: 32px; float: left;" 
alt="" 
title=" Feed" 
src="LINK DO ICONE" /></a>

<a href="LINK DA PAGINA"><img style="border: 0px solid ; padding-left: 5px; width: 32px; height: 32px;" 
alt="" 
title="Twitter" 
src="LINK DO ICONE" /></a>

<a href="LINK DA PAGINA"><img style="border: 0px solid ; width: 32px; height: 32px; padding-left: 5px;" 
alt="" 
title="Youtube" 
src="LINK DO ICONE" /></a>

<a href="LINK DA PAGINA"><img style="border: 0px solid ; width: 32px; height: 32px; padding-left: 5px;" 
alt="" 
title="Tumblr" 
src="LINK DO ICONE" /></a>

<a href="LINK DA PAGINA"><img style="border: 0px solid ; width: 32px; height: 32px; padding-left: 5px;" 
alt="" 
title="Facebook" 
src="LINK DO ICONE" /></a>

<a href="LINK DA PAGINA"><img style="border: 0px solid ; width: 32px; height: 32px; padding-left: 5px;" 
alt="" 
title="Google Plus" 
src="LINK DO ICONE" /></a>

<br /></div>

É só fazer as modificações necessárias para que gere as imagens.

Agora se você procura coisa diferente, personalizada como no nosso blog come efeito, entre em contato conosco eu irei ajudar.

O link abaixo tem vários pack de ícones se você gostar poderá estar baixando 

[packs de ícones]