[TUTORIAL] Colocar um botão like do facebook em mensagens

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

[TUTORIAL] Colocar um botão like do facebook em mensagens

Mensagem por Ace em 20/10/13, 11:17 am



Colocar um botão like do facebook em mensagens

Neste tutorial, aprenderemos a como colocar um like único para cada post através do Facebook, criando uma integração única entre eles.

--> Tutoriais, dicas e astúcias <--
Colocar um botão like do facebook em mensagens

- Código do tutorial:

Utilizaremos do seguinte jQuery para reproduzir o efeito. Não trocaremos onde ele editará, mas você pode o fazer. Apenas trabalharemos o seu conteúdo:

Código:
jQuery(document).ready(function() {
jQuery('p.author').after('<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2F'+location.hostname+location.pathname+'&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> ');
});
- Aplicação do tutorial:
Aceda à:
Painel de controle -> Módulos -> HTML & JavaScript -> Gestão dos códigos JavaScripts
Seta Título Correspondente ao nome da página JavaScript/jQuery que será criada.
Seta Localização- São destinados os devidos locais para onde você aplicará os efeitos do JavaScript nos fóruns. No nosso caso, aplicaremos Nos tópicos.
Seta Código JavaScript Campo destinado para receber o código JavaScript criado anteriormente.
Seta Habilitar o gerenciamento dos códigos JavaScript Ao selecionar a opção sim, estará ativando a função páginas Javascript no seu fórum. Se selecionar não, as páginas serão desabilitadas no fórum.

  • Resultado:





©️ Fórum dos Fóruns


Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título:
[Dúvida] Colocar um botão like do facebook em mensagens
avatar

Ace
Principal contribuidor
Principal contribuidor

Inscrito dia : 06/07/2011
Mensagens : 8880
Pontos Ativos : 11605

Ver perfil do usuário https://ajuda.forumeiros.com

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo


Permissão deste fórum:
Você não pode responder aos tópicos neste fórum