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.

COMENTÁRIOS

Nome

Básicos,3,Blogger,43,Botões,2,buscadores,3,Comentários,5,Css3,9,Design,3,Dominio,3,Downloads,2,Efeito,13,Facebook,3,Feed,1,Festividades,1,GooglePlus,6,Hacks,7,HTML,8,Imagens,8,Menu,3,Recursos,3,Seo,8,Truque,24,Twitter,2,Widget - Gadget,16,
ltr
item
Bloggermin: Como adicionar widget social flutuante no Blogger
Como adicionar widget social flutuante no Blogger
Use o impressionante bookmarking social, o widget flutuante do Mashable
http://3.bp.blogspot.com/-sgPoxqOpE48/TsmrXWLxe3I/AAAAAAAAAEU/nbNwDFGypL0/s1600/widget_flutuante_o.png
http://3.bp.blogspot.com/-sgPoxqOpE48/TsmrXWLxe3I/AAAAAAAAAEU/nbNwDFGypL0/s72-c/widget_flutuante_o.png
Bloggermin
https://www.bloggermin.cashmore.com.br/2011/06/muitos-ficam-impressionados-com-o_25.html
https://www.bloggermin.cashmore.com.br/
https://www.bloggermin.cashmore.com.br/
https://www.bloggermin.cashmore.com.br/2011/06/muitos-ficam-impressionados-com-o_25.html
true
3085171147808187471
UTF-8
Carregado Todas os Posts. Não foi encontrado nenhum post. VER TUDO Leia mais Responder Cancelar resposta Excluir Por Home PÁGINAS POSTAGENS Ver tudo RECOMENDADO PARA VOCÊ ETIQUETA ARQUIVO PESQUISAR TODAS AS PUBLICAÇÕES Não foi encontrado qualquer correspondência postal com o seu pedido Voltar a Home Domingo Segunda-feira Terça-feira Quarta-feira Quinta-feira Sexta-feira Sábado Dom Seg Ter Qua Qui Sex Sáb Janeiro Fevereiro Março Abril Maio Junho Julho Agosto Setembro Outubro Novembro Dezembro Jan Fev Mar Abr Maio Jun Jul Ago Set Out Nov Dez agora mesmo 1 minuto atrás $$1$$ minutes ago 1 hora atrás $$1$$ hours ago Ontem $$1$$ days ago $$1$$ weeks ago mais de 5 semanas atrás Seguidores Seguir O CONTEÚDO É PREMIUM Por favor, compartilhe para desbloquear Copiar Todo o Código Selecionar Todo o Código Todos os códigos foram copiados para a área de transferência Não é possível copiar os códigos / textos, por favor pressione [CTRL] + [C] (ou CMD + C com Mac) para copiar