Widget de icones para as redes sociais (Orkut, Dihitt, Google Buzz, Twitter e Facebook)

Icones redes sociais

Os Icones redes sociais em blogs tem se tornado fundamentao, pois é cada vez mais frequente e importante a participação de nós blogueiros em redes sociais, para termos mais fontes de divulgação além de estabelecermos maiores laços com nossos leitores. Analisando o desempenho de meu blog através do Google Analytics, posso percerber claramente que algumas dessas redes sociais são marcantes no resultado geral da audiência, o que cada vez mais mostra a importancia que essas redes tem sobre o desempenho do mesmo.

E nada mais importante do que fazer a divulgação de seus endereços em seu blog. Neste post vou publicar um Widget onde voce poderá ter seus icones animados conforme abaixo:

Ícones redes sociais

Basta copiar todo o código abaixo colar em um editor de HTML ou no bloco de notas do próprio Windows e fazer as devidas alterações, onde estiver escrito "SEU LINK". Após isto, cole o código na área de seu blog que deseja a barra e já terá no mesmo os icones redes sociais.

Ícones redes sociais

<style type="text/css">
<!--
.style1 {font-family: Arial, Helvetica, sans-serif}
a {
font-family: Arial, Helvetica, sans-serif;
color: #0000FF;
}
a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #0000FF;
}
a:hover {
text-decoration: underline;
color: #FF0000;
}
a:active {
text-decoration: none;
color: #FF0000;
}
-->
</style>
<div align="center">
<table
style rgb(243, cellspacing="4
" border: 7); 145, 100%; width:="solid" cellpadding="2" text-align: left; 1px>
<tbody>
<tr>
<td valign="undefined" align="left">
<p align="left"><a href="SEU LINK" target="_blank"><img border="0" alt="Assine nossa Newsletter" src="http://i361.photobucket.com/albums/oo57/ren3_02/email.jpg" /></a></p></td>
<td valign="undefined" align="undefined">
<p align="center"><a href="SEU LINK" target="_blank"><img border="0" alt="Assine nossos Feeds" src="http://i361.photobucket.com/albums/oo57/ren3_02/Feed1.jpg" /></a></p> </td>
<td valign="undefined" align="undefined">
<p align="center"><a href="SEU LINK" target="_blank"><img border="0" alt="diHITT" src="http://i361.photobucket.com/albums/oo57/ren3_02/diHITT.jpg" /></a></p></td>
<td valign="undefined" align="undefined">
<p align="center"><a href="SEU LINK" target="_blank"><img border="0" alt="Facebook" src="http://i361.photobucket.com/albums/oo57/ren3_02/Facebook.jpg" /></a></p></td>
<td valign="undefined" align="undefined">
<p align="center"><a href="SEU LINK" target="_blank"><img border="0" alt="Google Buzz" src="http://i361.photobucket.com/albums/oo57/ren3_02/Google.jpg" /></a></p></td>
<td valign="undefined" align="undefined">
<p align="center"><a href="SEU LINK" target="_blank"><img border="0" alt="Orkut" src="http://i361.photobucket.com/albums/oo57/ren3_02/orkut1.jpg" /></a></p></td>
<td valign="undefined" align="undefined">
<p align="center"><a href="SEU LINK" target="_blank"><img border="0" alt="Twitter" src="http://i361.photobucket.com/albums/oo57/ren3_02/Twitter1.jpg" /></a></p></td>
</tr>
</tbody>
</table
style>
</div>
<h6 align="center" class="style1">Widget <a href="http://www.publicidade-na-web.com/2010/02/widget-de-icones-para-as-redes-sociais.html">Publicidade-na-web</a></h6>

Pronto, agora basta usufruir.
Gostaria de registrar um agradecimento especial ao Renato do blog baixando na web, que gentilmente forneceu o código fonte para ser publicado neste post.
Um abraço a todos e até a próxima.

Tweet

Share

Adriano Luz Pós-graduado em Sistemas de Informação e Banco de dados, atualmente atua com consultoria em sistemas, SEO e marketing digital. Amante por blogs, é responsável pela administração do blog Publicidade na web.

Postado em: Dicas