widget redes
Autor: Juliana Ribeiro | Publicado: 2011-04-13T03:28:00-03:00


<!--
var fs=new Array('12px','18px','22px','25px');var contador=0;function novoTamanho(x){if(x==0){if(contador<fs.length-1){contador++;document.getElementById("outer-wrapper").style.fontSize=fs[contador];document.getElementById("outer-wrapper").style.lineHeight=fs[contador];}}
if(x==1){if(contador>0){contador--;document.getElementById("outer-wrapper").style.fontSize=fs[contador];document.getElementById("outer-wrapper").style.lineHeight=fs[contador];}}}//-->


Que colocar um widget desse no seu Blog
é muito simples:


div.social-div {
width:100%;
text-align:left;
}
div.social-div div {
background:#FFFFFF; /* Cor de fundo das redes sociais */
border:1px solid #DDDDDD; /* Cor da borda das redes sociais */
min-height:60px;
margin:4px 0px;
padding:0;
cursor:pointer;
}
div.social-div div:hover {
background:#F9F9F9; /* Cor de fundo das redes sociais com o mouse em cima */
}
div.social-div a:link {
font:normal bold 15px Arial; /* Fonte do nome das redes sociais */
color:#000000; /* Cor da fonte das redes sociais */
text-decoration:none;
outline:none;
}
div.social-div a:visited {
font:normal bold 15px Arial; /* Fonte do nome das redes sociais visitadas */
color:#000000; /* Cor da fonte das redes sociais visitadas */
text-decoration:none;
outline:none;
}
div.social-div a:hover {
font:normal bold 15px Arial; /* Fonte do nome das redes sociais com o mouse em cima */
color:#000000; /* Cor da fonte das redes sociais com o mouse em cima */
text-decoration:none;
outline:none;
}





 Me adicione no orkut!
 Me adicione no Facebook!
 Siga-me no Twitter!
 Assine nosso Feed!copie o codigo:

&lt;style type="text/css"&gt;div.social-div {
width:100%;
text-align:left;
}
div.social-div div {
background:#FFFFFF; /* Cor de fundo das redes sociais */
border:1px solid #DDDDDD; /* Cor da borda das redes sociais */
min-height:60px;
margin:4px 0px;
padding:0;
cursor:pointer;
}
div.social-div div:hover {
background:#F9F9F9; /* Cor de fundo das redes sociais com o mouse em cima */
}
div.social-div a:link {
font:normal bold 15px Arial; /* Fonte do nome das redes sociais */
color:#000000; /* Cor da fonte das redes sociais */
text-decoration:none;
outline:none;
}
div.social-div a:visited {
font:normal bold 15px Arial; /* Fonte do nome das redes sociais visitadas */
color:#000000; /* Cor da fonte das redes sociais visitadas */
text-decoration:none;
outline:none;
}
div.social-div a:hover {
font:normal bold 15px Arial; /* Fonte do nome das redes sociais com o mouse em cima */
color:#000000; /* Cor da fonte das redes sociais com o mouse em cima */
text-decoration:none;
outline:none;
}&lt;/style&gt;
&lt;div class="social-div"&gt;
&lt;a href="link-do-seu-feed" target="_blank"&gt;&lt;div&gt;
&lt;img src="http://4.bp.blogspot.com/_lOZfRBP3h2A/TUshja7er3I/AAAAAAAAEOQ/4gDU7KMTZa0/s1600/feed.png" border="0" alt="Feed" align="absmiddle"/&gt; Assine nosso Feed!
&lt;/div&gt;&lt;/a&gt;
&lt;a href="link-do-seu-twitter" target="_blank"&gt;&lt;div&gt;
&lt;img src="http://2.bp.blogspot.com/_lOZfRBP3h2A/TUshjjCnjPI/AAAAAAAAEOY/31e_f0yJ5eg/s1600/twitter.png" border="0" alt="Twitter" align="absmiddle"/&gt; Siga-me no Twitter!
&lt;/div&gt;&lt;/a&gt;
&lt;a href="link-do-seu-facebook" target="_blank"&gt;&lt;div&gt;
&lt;img src="http://1.bp.blogspot.com/_lOZfRBP3h2A/TUshjrvHLnI/AAAAAAAAEOU/-L6-6WvR0sg/s1600/facebook.png" border="0" alt="Facebook" align="absmiddle"/&gt; Me adicione no Facebook!
&lt;/div&gt;&lt;/a&gt;
&lt;a href="link-do-seu-orkut" target="_blank"&gt;&lt;div&gt;
&lt;img src="http://4.bp.blogspot.com/_lOZfRBP3h2A/TUshjocUnJI/AAAAAAAAEOc/o420ytj2LLI/s1600/orkut.png" border="0" alt="Orkut" align="absmiddle"/&gt; Me adicione no orkut!
&lt;/div&gt;&lt;/a&gt;
&lt;/div&gt;&nbsp;1. Faça login no seu blog, é vá em: Design &gt; Elementos da página &gt; Adicionar um Gadget &gt; HTML/JavaScript.

2. Copie o código abaixo e cole-o dentro do campo de conteúdo do gadget.