Adicione de Forma Simples e Eficaz ícones de redes Sociais no seu Site/Blog .
Autor: Milena Karla | Publicado: 2011-05-25T22:57:00-07:00


Um das Formas de divulgar &nbsp;seu site é o uso &nbsp;de rede sociais, como Orkut, Facebook, Twitter.
Atraves dessas redes &nbsp;,nós podemos nos socializar mais com as pessoas e o mundo, o que é fundamental para&nbsp;qualquer um que queira divulgar sua&nbsp;idéia&nbsp;na&nbsp;internet.Para isso é&nbsp;necessário&nbsp;que esteja a disposição ao visitantes &nbsp;os &nbsp;links de acesso ao&nbsp;perfis sociais &nbsp;do blog ou autor.

Não é &nbsp;esse&nbsp;monstro&nbsp;de 7 cabeças, basta saber utilizar com atenção e criatividade o HTML.
Bom, O modelo que vou disponibilizar nesse post e o que utilizo no meu blog .

&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;&nbsp;

Confira com o mouse em cima no link, clique se quiser verificar como funciona.

Esse modelo super simples de "Link/Imagem" em HTML.

1-Primeiro Procure os ícones (imagens) que você quer usar referente aos perfis que deseja disponibilizar a na sua home page.Pode ser um já&nbsp;disponível&nbsp;na internet ou personalizados,salve no seu computador. vou sugerir alguns sites onde você poderá encontrar alguns &nbsp;modelos:

ÍCONES
http://www.iconarchive.com/
http://www.iconesbr.net
http://www.iconaholic.com/


Depois de ter escolhido suas imagens, você precisará disponibiliza-la na internet , para que possa ser gerada uma URL da imagem onde ira ser agregada ao HTML. Você pode fazer isso de varias formas em&nbsp;inúmeros&nbsp;sites, esse são os mais conhecidos, mais &nbsp;fica seu critério a escolha de qual utilizar!Apenas dou a sugestão que quem possui blog pelo blogger , utilize o Picasa, assim fica mais organizado, ja que as imagens dos seus posts ja são armazenadas&nbsp;automaticamente&nbsp; nele.

ÁLBUNS&nbsp;DE FOTOS
Picasa
Imageshack
Flickr

"Mas Por quer? tenho que enviar uma imagem, se &nbsp;ja encontro ela&nbsp;disponível&nbsp;na internet?
Bom , a resposta é simples! sendo a URL da imagem gerada de fonte de uma conta sua,
corre menos risco de ser apagada &nbsp;de forma inusitada .Ficando assim mais &nbsp;tranqüilo, sem
se preocupar, se ela &nbsp;vai está lá ou não!"

___________________GERANDO O LINK____________________

O Código que iremos utilizar é o básico utilizado para &nbsp;imagem/Link.Basta apenas copiar Fazer as alterações necessárias de acordo com seu perfil e gosto e &nbsp;adiciona-la em seu blog/site.

&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;CÓPIE O CÓDIGO E FAÇA AS ALTERAÇÕES :

&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;a href="URL DO PERFIL" target="Player" title="TEXTO" &gt;&lt;img src="URL DA IMAGEM DO ÍCONE" width="50 height="25" border="0" /&gt;&lt;/a&gt;




Observe : Selecionei por cores para explicar melhor:


&lt;a href="http://coracaoligado.blogspot.com/p/contatos.html" target="Player" title="Entre em Contato Conosco" &gt;&lt;img src="https://lh5.googleusercontent.com/-id0ucGflGEg/Td1k0SsSDqI/AAAAAAAABzs/dkXJhOXuxEw/E-MAIL.png" width="50 height="25" border="0" /&gt;&lt;/a&gt;

1-Amarelo a URL do perfil social&nbsp;2-Roxo o Texto que aparece quando você passa o mouse em cima3-Azul URL da imagem do ícone4-Vermelho &nbsp;width (largura)e heigth (altura) respectivamente, você poderá modificar ambos ao seu gosto.Obs:&nbsp;WIDTH&nbsp; não fecha " (aspas).
Então:
&lt;a href="URL DO &nbsp;PERFIL" target="Player" title="TEXTO" &gt;&lt;img src="URL DA IMAGEM DO ÍCONE" width="50 height="25" border="0" /&gt;&lt;/a&gt;

____________ADICIONANDO O CÓDIGO AO BLOG___________


Após ter copiado o código e feito as alterações.
Entre &nbsp;no seu blog , vá na opção DISGN ,adicione um novo GADGET escolhendo a opção de HTML/Java Script e cole lá o código.
Siga as imagens por ordem:

&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; ADICIONE GADGET


&nbsp;
Escolha Opção HTML/Java Script


COLE O CÓDIGO E SALVE




FICARÁ EM PRIMEIRO LUGAR NA COLUNA QUE VOCÊ&nbsp;ADICIONOU



RESULTADO:





Mais Dicas Blog