Adicione de Forma Simples e Eficaz ícones de redes Sociais no seu Site/Blog .

quarta-feira, 25 de maio de 2011

Adicione de Forma Simples e Eficaz ícones de redes Sociais no seu Site/Blog .

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

Não é esse monstro 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 .

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á disponível na internet ou personalizados,salve no seu computador. vou sugerir alguns sites onde você poderá encontrar alguns 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 inúmeros sites, esse são os mais conhecidos, mais 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 automaticamente nele.

ÁLBUNS DE FOTOS
Picasa
Imageshack
Flickr

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

___________________GERANDO O LINK____________________

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

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

Observe : Selecionei por cores para explicar melhor:

1-Amarelo a URL do perfil social

2-Roxo o Texto que aparece quando você passa o mouse em cima

3-Azul URL da imagem do ícone

4-Vermelho width (largura)e heigth (altura) respectivamente, você poderá modificar ambos ao seu gosto.

Obs: WIDTH não fecha " (aspas).

Então:

<a href="URL DO PERFIL" target="Player" title="TEXTO" ><img src="URL DA IMAGEM DO ÍCONE" width="50 height="25" border="0" /></a>

____________ADICIONANDO O CÓDIGO AO BLOG___________

Após ter copiado o código e feito as alterações.
Entre 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:

ADICIONE GADGET