Como adicionar este tipo de share?

por EduardoWenes 20.04.12 16:02

Qual é minha questão:
Veja este link do TecMundo = http://tecmundo.com.br/facebook/22421-marca-de-cerveja-pede-para-zuckerberg-substituir-botao-like-por-tres-novas-opcoes.htm

Existe um share flutuante do lado esquerdo, curtir, twittar, +1, com um efeito hover tambem

Como adicionar isto no meu fórum?

Quero do jeito que está lá, nao lado a lado, e sim um em cima do outro.

Agradeço.

Medidas que eu tomei para corrigir o problema:
m

Links e imagens do meu problema:
m

Endereço do meu fórum:
http://www.forum-webpixel.net/forum

Versão do meu fórum:
PHPBB3

por ShockWave™ 20.04.12 16:10

Olá, teste este código

<div style=" width:970px; margin-left:auto; margin-right:auto;padding:10px 0 10px 0; height:110px; text-align:left;">

<div style="width:230px; float:right; height:90px;"><iframe src="https://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Ftecmundo&width=230&colorscheme=light&show_faces=true&stream=false&header=false&height=90&locale=pt-BR" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:230px; height:90px;" allowTransparency="true"></iframe></div>

<script>tgm.ShowArea('default');</script><script type="text/javascript">tgm.ShowArea("top","site=" + site ,"zone=" + zone);</script><script type="text/javascript"></script><script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"></script>

</div>

<div id="contents" class="w950"><div id="artigo-head">

<h1>Marca de cerveja pede para Zuckerberg substituir botão Like por três novas opções</h1>

<span class="subtitle">Empresa quer trazer "mais emoção" aos posts do Facebook.</span>

Ou

<div id="sidebar">

<div class="bt-twitter">

<a href="http://twitter.com/share?url=http://www.tecmundo.com.br/facebook/22421-marca-de-cerveja-pede-para-zuckerberg-substituir-botao-like-por-tres-novas-opcoes.htm" class="twitter-share-button" data-count="vertical" data-via="Tec_Mundo" data-related="BaixakiOficial" rel="me" data-text="Marca de cerveja pede para Zuckerberg substituir botão Like por três novas opções">Tweet</a>

<script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>

</div>

<div class="bt-facebook">

<iframe src="https://www.facebook.com/plugins/like.php?href=http://www.tecmundo.com.br/facebook/22421-marca-de-cerveja-pede-para-zuckerberg-substituir-botao-like-por-tres-novas-opcoes.htm&layout=box_count&show_faces=false&width=58&&action=curtir&font=arial&colorscheme=light&height=60&send=true" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:58px; height:60px;" allowTransparency="true"></iframe>

</div>

<div class="bt-google">

<g:plusone size="tall"></g:plusone>

</div>

</div>



</div>