Translator
Google-Translate-ChineseGoogle-Translate-Portuguese to FrenchGoogle-Translate-Portuguese to GermanGoogle-Translate-Portuguese to ItalianGoogle-Translate-Portuguese to JapaneseGoogle-Translate-Portuguese to EnglishGoogle-Translate-Portuguese to RussianGoogle-Translate-Portuguese to Spanish

Pesquise no Google

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:


<a href="http://coracaoligado.blogspot.com/p/contatos.html" target="Player" title="Entre em Contato Conosco" ><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihQSZNUnsg2MW15pklh_3pwe2NVaKXea10WPiscnqMi6F2jF-hvy-SgXeLQIS3Ku0NSPtbdhF9W-rQ7LI4jJvBu7BLl1lXaoqECsjfTvSH0uMPquXlyDw0WTfbLD3uGK0rE78U8F-_1z0/" width="50 height="25" border="0" /></a>


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


Escolha Opção HTML/Java Script



COLE O CÓDIGO E SALVE


FICARÁ EM PRIMEIRO LUGAR NA COLUNA QUE VOCÊ ADICIONOU




RESULTADO:



Mais Dicas Blog


Nenhum comentário:

Postar um comentário

Poderá Gostar Também

2leep.com