Botões de redes sociais com CSS no Blogger(BlogSpot) 1

Hi, pessoal. como já disse em outros artigos, está virando mania, ou regra ter botões de redes sociais em sites/blogs. Portanto, apresento-lhes por meio do Site Dicas Blogger,  um estilo de botões que na minha opinião é demais! A forma de posta-los é bem simples e até aqueles que não tem muita prática com CSS e HTML, vão saber fazer.

Vai em Design ~> Editar HTML e em seguida procure por ]></b:skin> e cole todo esse código abaixo acima da tag.

/* SOCIAL MEDIA
----------------------------------------------- */
  
#socialmedia{background:#F6F8F8;border:1px solid
#DBE2E0;padding:10px 5px 15px 10px; margin: 5px;}
  
#socialmedia:hover{border:1px
solid #90C2D7;}
#socialmedia
a{color:#666666;text-decoration:none;font-weight:bold;font-family:Arial,Helvetica,Sans-serif}
  
#socialmedia
a:hover{color:#3c88b2;text-decoration:underline}
  
#socialmedia
img{vertical-align:middle;margin-right:5px;}

Salve, vá em Elementos da Página  e imediatamente adicione um Gadget HTML/JavaScript e cole o código abaixo nele.

<div id='socialmedia'><img alt=''
src='http://img148.imageshack.us/img148/9250/socialconnecttwitter.png'
style='width: 32px; height: 32px; float:left;'/>
<a href='URL DO TWITTER'>Siga
no Twitter</a>
  
</div>
  
<div id='socialmedia'><img alt=''
src='http://img822.imageshack.us/img822/1862/socialconnectrss.png'
style='width: 32px; height: 32px; float:left;'/>
  
<a href='URL DOS FEEDS'>Assine
os feeds</a>
  
</div>
  
<div id='socialmedia'><img alt=''
src='http://img823.imageshack.us/img823/788/socialconnectfacebook.png'
style='width: 32px; height: 32px; float:left;'/>
  
<a href='URL DO FACEBOOK'>Curta no Facebook</a>
</div>

Onde está em vermelho são os lugares a serem alterado com suas devidas URL como mostra no código, feito isso, escolha um lugar estratégico para seus botões, e em seguida salve.

Até a próxima!