Como adicionar widget social flutuante no Blogger

Use o impressionante bookmarking social, o widget flutuante do Mashable

Muitos ficam impressionados com o widget flutuante do Mashable, o bookmarking social. Então, aqui neste post, vou ensinar como adicioná-lo no seu Blogger. Siga os passos.

Siga o @bloggermin agora e fique por dentro das novidades para o seu blog. E curta nossa página no Facebook.

1. Passo: Entre no Blogger > Design > Editar HTML > Expandir modelos de widgets, agora procure por ]]></b:skin> e substitua pelo codigo abaixo:

#sharebox {
background-color:#FFFFFF;
border-color:#C1CDCD;
border-style:solid;
border-width:1px;
left:103px;
bottom:40px;
margin-top:10px;
position:fixed;
width:64px;
}

#sharebox .float {margin:7px}
.FBConnectButton_Text
{
font-size: 8px;
padding:2px 4px 3px !important;
}
]]></b:skin>

2. Passo: Este passo envolver as funções do widget no seu modelo. Portanto, coloque o código abaixo de <div class='post-header-line-1'/>. 

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='sharebox'>
<div class='float'>
<script src='http://tweetmeme.com/i/scripts/button.js' type='text/javascript'/>
</div>
<div class='float'>
<a href='http://www.facebook.com/sharer.php' name='fb_share' type='box_count'>Share</a><script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'/>
<div class='clear'/></div>
<div class='float'>
<a class='google-buzz-button' data-button-style='normal-count' href='http://www.google.com/buzz/post' title='Post on Google Buzz'/>
<script src='http://www.google.com/buzz/api/button.js' type='text/javascript'/>
</div>
<div class='float'>
<script src='http://www.stumbleupon.com/hostedbadge.php?s=5'/>
</div>
</div>
</b:if>

E é isso e lembre-se, o widget flutuante é visível apenas para postagem no blog, por isso este widget não será visível na sua página inicial do blog. Se você precisar de alguma personalização neste widget ou dúvida é só deixar um comentário.