Código "curtir" do facebook e dúvidas na implementação

Qual é minha questão:
Estou tentando inserir um botão "curtir" do Facebook na minha página principal do fórum (a que aparecem todas as categorias, etc). Segui passo a passo do tutoria explicado no seguinte link:

https://ajuda.forumeiros.com/t42971-tutorial-colocando-botao-curtir-nas-mensagens

Porém, o resultado final é esse:

https://2img.net/r/ihimizer/img7/8545/50799518.jpg

Além de haver um problema nos códigos, visto que eles aparecem na página, outra dúvida é como implementar o botão na minha página principal e não na página .html criada, que no caso é a /h1-like.

Medidas que eu tomei para corrigir o problema:
Tentei utilizar tutoriais externos, links diretos do facebook app, tentei com javascript. Sem sucesso.

Links e imagens do meu problema:
https://2img.net/r/ihimizer/img7/8545/50799518.jpg

Endereço do meu fórum:
http://delta6.forumeiros.com/

Versão do meu fórum:
PHPBB3

Olá jvmagni!

O efeito é exclusivo para os tópicos, e para que funcione é necessário que o senhor aplique em uma página .Javascript. Para o caso de adicionar em uma página inicial que não seja nos tópicos, você precisa usar o código abaixo:

<iframe src="https://www.facebook.com/plugins/like.php?locale=pt_BR&amp;href=ENDEREÇO_DO_FORUM%2F&amp;send=false&amp;layout=box_count&amp;width=60&amp;show_faces=false&amp;action=like&amp;colorscheme=light&amp;font&amp;height=60" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:60px; height:60px;" allowtransparency="true"></iframe>

Atenciosamente,
Shek

Shek escreveu:Olá jvmagni!

O efeito é exclusivo para os tópicos, e para que funcione é necessário que o senhor aplique em uma página .Javascript. Para o caso de adicionar em uma página inicial que não seja nos tópicos, você precisa usar o código abaixo:

<iframe src="https://www.facebook.com/plugins/like.php?locale=pt_BR&href=ENDEREÇO_DO_FORUM%2F&send=false&layout=box_count&width=60&show_faces=false&action=like&colorscheme=light&font&height=60" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:60px; height:60px;" allowtransparency="true"></iframe>

Atenciosamente,
Shek

Muito obrigado "Shek". No caso terei que criar então uma página Javascript e utilizar o código que você citou, correto? Eu tentei dessa forma mas não obtive sucesso. Veja a print:

Spoiler:

Seja bem-vindo ao nosso fórum de Suporte! Como acabou de se inscrever, veja aqui alguns links importantes a saber: Regras do Fórum, e o que você não deve fazer neste fórum. Os demais fóruns de Suporte Forumeiros Lista de Tutoriais e astúcias e Questões frequentes. Conheça a Staff do Fórum dos Fóruns. Conheça a função Busca.

Olá caro jvmagni!

O tutorial que o senhor citou em sua primeira mensagem é exclusivo para que o botão Curtir seja visível nos tópicos. Agora, segundo o que pude compreender da descrição de sua dúvida, o senhor deseja que o efeito esteja disponível em uma página HTML personalizada. Para reproduzir tal efeito, é necessário utilizar o código abaixo:

<iframe src="https://www.facebook.com/plugins/like.php?locale=pt_BR&amp;href=ENDEREÇO_DO_FORUM%2F&amp;send=false&amp;layout=box_count&amp;width=60&amp;show_faces=false&amp;action=like&amp;colorscheme=light&amp;font&amp;height=60" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:60px; height:60px;" allowtransparency="true"></iframe>

Fico agradecido pela sua resposta!

Atenciosamente,
Shek

Shek, obrigado novamente. Vou explicar mais detalhadamente o que quero.

Pois bem, o que preciso é que apareça o botão "curtir" na página principal do fórum, a página onde se encontram as categorias, que seria essa http://delta6.forumeiros.com/forum#.

Quando crio uma nova página HTML com o código, o botão aparece porém somente nessa nova página HTML, resultando em uma página em branco com apenas o botão...

Olá amigo!

O senhor usa o widget "+1, twitter e Facebook" como mostra na seguinte atualização: https://ajuda.forumeiros.com/t43998- ?
O senhor pode aplicar o botão do facebook em um widget personalizado no seu fórum. Painel de Controle Módulos Portal & Widgets Gestão dos widgets do fórum Criar um widget personalizado e adicione o código que passei.

Se desejar, adicione o mesmo em Painel de Controle Visualização Home Page Geral!

Atenciosamente,
Shek

Shek, eu fiz a alteração porém o widget só aparece no portal, como faço para colocá-lo diretamente no fóum?!

Olá amigo!

Você deve ativar os widgets do fórum. Leia o conteúdo da FAQ: https://ajuda.forumeiros.com/-t15885.htm
Se você já ativou, basta adicionar o código em um widget e movê-lo, como ensina no tópico acima.

Atenciosamente,
Shek