Botões de redes sociais

Qual é minha questão:
ola, gostaria de saber como adicionar esses botões de redes sociais em meu fórum...
eu só acho dos grande, já esses pequenos eu não sei como faz...

Links e imagens do meu problema:


Medidas que eu tomei para corrigir o problema:
eu só acho dos grande

Endereço do meu fórum:
http://spdesign.ativoforum.com/

Versão do meu fórum:
PUNBB

Olá,

Aonde você viu isto?

Abraços!

Acredito que saber o fórum não faça diferença, pois de copiarem o código fonte como eu fiz, e botão funcionara, mas ele terá os mesmos pontos em todos os tópicos, e eu quero que fique zerado em cada fórum, para cada fórum ter seus próprios pontos, como já vi em vários blogs...

Olá você deseja esse Botões em todos os Tópicos e quando ele entra no Tópico que ele Clicar funciona , ae quando ele mudar de Tópico Seja outro ?

Isso meso, mas eu já consegui ^^
só que, pelo fato de que eu copiei o código fonte, os botões estão super pesados...
Esta demorando muito para carregar a pagina, somente quando eu adiciono os botões...
não tem uma forma de eu criar esses botões, sem ter que tira-los do código fonte ????
Exemplo do meu que ficou super pesado...
http://spdesign.ativoforum.com/f1-anuncios

Exemplo de um blog que também tem, mas não esta nem um pouco pesado...
http://www.blogdofu.net/

Olá!

Veja este tópico:

https://ajuda.forumeiros.com/t44900-

Abraço.

Olá, esse tutorial é para os grandes, eu precisaria saber criar os pequenos, mas não sei onde faço isso o.O

Olá!

Tente com este código (botões pequenos):

Código:

<div style="width:100%;float:left;margin:3px;height:20px;"><!-- inicio facebook --><script type="text/javascript"><!--
urlb=window.location.href;
document.write("<iframe src='//www.facebook.com/plugins/like.php?href="+urlb+"&amp;layout=button_count&amp;action=like&amp;font=arial' scrolling='no' frameborder='0' allowtransparency='true' style='float:left;width:90px;overflow:hidden;height:20px;'></iframe>");
//--></script><!-- fim facebook --><!-- inicio twitter --><script src='http://platform.twitter.com/widgets.js' type='text/javascript'></script><div style='float:left;width:110px;'><a class='twitter-share-button' data-via='foitestado' href='http://twitter.com/share' rel='nofollow' title='tweet'></a></div><!-- fim twitter --><!-- inicio +1google --><script type="text/javascript" src="//apis.google.com/js/plusone.js">
{lang: 'pt-BR'}
</script><div style='width:90px;height:21px;float:left;padding-top:1px;'><div class="g-plusone" data-size="medium" data-count="true"></div></div><!-- fim +1google --></div>

Abraço.

hum esse código parece ser mais leve que o meu, pois possui apenas im iframe...
e o código é menor...
mas o google+ não esta funcionando...
poderia me dizer onde você criou esse código ?

Busquei tutoriais para inclusão do código em blogs. Se usa o mesmo código.

Não sei identificar o motivo do Google+ não estar funcionando, mas aconselho que faça a busca do código pelo Google também.

Abraço.

Olá!

Você quer que os botões funcionem por tópicos ou por fóruns?
Especifique onde você quer que os botões apareçam.
Passe o link do site onde você viu esses botões, mesmo que você pense que não há utilidade.

Até mais.

Então , eu já copiei e já adicionei este código ao meu fórum, mas ficou extremamente pesado, pois copiei do código fonte, e tem muitas informações desnecessárias, tando que o código que nosso amigo Gabe passou já é menor...
Veja o quanto esta pesado, e o que posso fazer, para esse botões diminuírem seu peso...
http://spdesign.ativoforum.com/f1-anuncios

pois em outros blogs, são bem leves...

cyllaz escreveu:Então , eu já copiei e já adicionei este código ao meu fórum, mas ficou extremamente pesado, pois copiei do código fonte, e tem muitas informações desnecessárias, tando que o código que nosso amigo Gabe passou já é menor...
Veja o quanto esta pesado, e o que posso fazer, para esse botões diminuírem seu peso...
http://spdesign.ativoforum.com/f1-anuncios

pois em outros blogs, são bem leves...

Poderia passar o link do site onde você viu isso?
Em que locais do fórum você quer colocar esse botão?

Até mais.

os botões ja estão colocados, mas acredito que como eu copiei do código fonte, ficou muito pesado, e a base de iframes...
veja a pagina onde estão os botões, e como estão pesados...
http://spdesign.ativoforum.com/f1-anuncios

não sei o que fazer para diminuir o peso...

cyllaz escreveu:os botões ja estão colocados, mas acredito que como eu copiei do código fonte, ficou muito pesado, e a base de iframes...
veja a pagina onde estão os botões, e como estão pesados...
http://spdesign.ativoforum.com/f1-anuncios

não sei o que fazer para diminuir o peso...

Eu vou ter que lhe perguntar mais uma vez de onde você pegou o código?
O código pode estar pesado porque a maneira como você pegou pode ter feito ele ficar pesado.
Espero que eu não tenha que lhe perguntar isso mais uma vez. Entenda, se lhe perguntam mais de uma vez uma coisa é porque ela é necessária, se você não me responder eu não vou ter como responder sua questão, já lhe perguntei duas vezes.

Até mais.

o.O
Desculpa Luciano, nem imagino onde peguei esses códigos, pois são diversos blogs que utilizam esses botões...
Não lembro...

qualquer coisa, se o tópico ainda puder ficar aberto, o código é esse...

Código:

<div style="height:36px"></div> 
<div id="___plusone_0" style="height: 24px; width: 106px; display: inline-block; text-indent: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; float: none; line-height: normal; font-size: 1px; vertical-align: baseline; background-position: initial initial; background-repeat: initial initial;">
<iframe src="https://plusone.google.com/_/+1/fastbutton?url=http%3A%2F%2Fwww.spdesign.ativoforum.com{topics_blog_box.row.U_VIEW_TOPIC}%2F&amp;size=standard&amp;count=true&amp;hl=en-US&amp;jsh=m%3B%2F_%2Fapps-static%2F_%2Fjs%2Fgapi%2F__features__%2Frt%3Dj%2Fver%3D5sTscWzBmVE.pt_BR.%2Fsv%3D1%2Fam%3D!-SXmuOx1_3GIepEFVA%2Fd%3D1%2Frs%3DAItRSTOsPVAqxHjul4-nR-q99ylBupmosg#id=I1_1334424190826&amp;parent=http%3A%2F%2Fwww.spdesign.ativoforum.com{topics_blog_box.row.U_VIEW_TOPIC}&amp;rpctoken=210826068&amp;_methods=onPlusOne%2C_ready%2C_close%2C_open%2C_resizeMe%2C_renderstart" allowtransparency="true" frameborder="0" hspace="0" id="I1_1334424190826" marginheight="0" marginwidth="0" name="I1_1334424190826" scrolling="no" style="width: 106px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; height: 24px; position: static; left: 0px; top: 0px; visibility: visible; " tabindex="0" vspace="0" width="100%" title="+1"></iframe></div>
<iframe src="http://platform.twitter.com/widgets/tweet_button.1334389481.html#_=1334424190623&amp;count=horizontal&amp;id=twitter-widget-0&amp;lang=pt&amp;original_referer=http%3A%2F%2Fwww.spdesign.ativoforum.com{topics_blog_box.row.U_VIEW_TOPIC}%2F&amp;size=m&amp;text=spdesign%20Design&amp;url=http%3A%2F%2Fwww.spdesign.ativoforum.com{topics_blog_box.row.U_VIEW_TOPIC}%2F&amp;via=spdesign.ativoforum" class="twitter-share-button twitter-count-horizontal" style="width: 123px; height: 20px;" allowtransparency="true" frameborder="0" scrolling="no" title="Twitter Tweet Button"></iframe>
<iframe src="//www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.spdesign.ativoforum.com{topics_blog_box.row.U_VIEW_TOPIC}&amp;send=false&amp;layout=button_count&amp;width=80&amp;show_faces=false&amp;action=like&amp;colorscheme=light&amp;font=arial&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:80px; height:21px;" allowtransparency="true"></iframe>


Esse código esta pesado...

Vocês conseguem nos fazer desistir das coisas...
Desisto, nossa, isso cansa...
Muito obrigado a todos que tentaram me ajudar...
podem fechar...

Olá!

O código que eu lhe passei não funcionou?

Abraço.

Crie um widget no fórum e procure alguém saber o código para tal acção.

Boa sorte.

O código que me passou não funciona o google+
Mas muito obrigado, meu maior interesse éra saber onde criar esse botões para meu fórum..