[TUTORIAL] Colocando botão "Curtir" nas mensagens
Página 1 de 1
[TUTORIAL] Colocando botão "Curtir" nas mensagens
![]() | Colocando botão "Curtir" nas mensagens |
O Facebook disponibilizou-nos o botão “Curtir” para ser adicionado junto ao seu fórum mas, veja nesse tutorial como poderá integrar isso. Quando adicionar em seu fórum o efeito será bem simples: o visitante/membro poderá marcar que gostou de seu conteúdo que aparecerá na lista dele no mural do Facebook indicando que ele gostou do mesmo.
![]() | Só será possível adicionar nas versões Phpbb3 e Invision. |
--> Tutoriais dicas, e astúcias <--
Colocando botão "Curtir" nas mensagens
Colocando botão "Curtir" nas mensagens
1º - Criar uma página HTML personalizada:
Vamos ceder a: Painel de controle ->> Módulos ->> HTML ->> Gestão das páginas HTML ->> Adicionar uma página HTML ->>
![]() | ![]() Título: Forumeiros Endereço da página: .../forumeiros-h1.html |
![]() | ATENÇÃO: A designação que aparece à frete do nome da página, no endereço, modifica consoante a número da página criada. Se for a primeira página a ser criada, então será -h1, se for a quarta página a ser criada será -h4, etc. |
![]() | ![]() Se optar pelo "Não" a página torna-se independente da estrutura do Fórum, mas neste caso terá de adicionar a própria estrutura, com as balizas html, head, body, etc. |
![]() | ![]() |
![]() | ![]() |
![]() | ![]() |
2º - Configuração e administração do código:
Azul: Endereço do seu fórum. Exemplo: https://ajuda.forumeiros.com/jQuery(document).ready(function() {
jQuery('p.author').after('<iframe src="https://www.facebook.com/plugins/like.php?href=ENDERECO-DO-FORUM&layout=standard&show_faces=true&width=450&action=like&colorscheme=light&height=80" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:80px;" allowTransparency="true"></iframe> ');
});
Vermelho: Largura do código que será exibido quando os tópicos forem postados. Neste código é possível visualizar quantas pessoas curtiram, caso queira ocultar e deixar apenas o botão basta diminuir o valor.
Verde: Altura do objeto mostrado. Neste caso poderemos determinar a distância entre a mensagem e o botão "Curtir" do facebook.
Para aplicar, vamos ter que usar o endereço da mesma e colocar na descrição do site.
Painel de controle ->> Geral ->> Fórum ->> Configuração ->>
Vamos procurar pelo campo "Descrição do site" e adicionar um Script.
![[TUTORIAL] Colocando botão "Curtir" nas mensagens Img_310](https://i.servimg.com/u/f85/12/75/28/98/img_310.png)
Ao lugar do "Y" apenas coloque o número da página que criamos com o código do botão curtir.<script src=/hY-></script>
Exemplo:
- Código:
<script src=/h1-></script>
- Resultado:
--> Tutoriais dicas, e astúcias <--
Colocando botão "Curtir" nas mensagens
Colocando botão "Curtir" nas mensagens
- A posição do perfil nas mensagens tem que estar em "Direita"?
Não! Esse código fixa-se apenas nas mensagens, logo se colocar à posição do perfil e mensagens à esquerda não fará diferenças ao ponto de danificar o botão do Facebook.
© Fórum dos Fóruns & Needke
![]() | Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título: Colocando botão "Curtir" nas mensagens |
![-](https://2img.net/i/fa/fdf3/moins10.png)
» [TUTORIAL] Sistema de curtir nas mensagens
» Colocando botão Curtir nas mensagens
» Colocando botão "Curtir" nas mensagens
» Colocando botão "Curtir" nas mensagens
» Colocando botão "Curtir" nas mensagens
» Colocando botão Curtir nas mensagens
» Colocando botão "Curtir" nas mensagens
» Colocando botão "Curtir" nas mensagens
» Colocando botão "Curtir" nas mensagens
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos