[TUTORIAL] Caixa de comentários do facebook nos tópicos

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

[TUTORIAL] Caixa de comentários do facebook nos tópicos Empty [TUTORIAL] Caixa de comentários do facebook nos tópicos

Mensagem por Consolado em 21.01.13 8:25

[TUTORIAL] Caixa de comentários do facebook nos tópicos Magic Caixa de comentários do facebook nos tópicos

Adicionar efeitos com pluings do Facebook ficou fácil. Com este tutorial vamos reproduzir um efeito magnifico, ao qual você pode personalizar ainda mais os tópicos de seu fórum.

--> Tutoriais, dicas e astúcias <--
Caixa de comentários do facebook nos tópicos


- Código utilizado:
Código:
jQuery(document).ready(function(){(function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(d.getElementById(id))return;js=d.createElement(s);js.id=id;js.src="//connect.facebook.net/pt_BR/all.js#xfbml=1";fjs.parentNode.insertBefore(js,fjs)}(document,'script','facebook-jssdk'));v='.post:has(.postbody, .pun .postbody)';if(jQuery(v).length==0){v='#blog_comments'};jQuery(v).eq(-1).after('<div class=fb-comments data-href="http://'+location.host+location.pathname+'" data-num-posts=5 data-width='+jQuery(v).eq(-1).css('width')+'></div>')});

- Inserindo o código JavaScript:
Painel de controle -> Módulos -> HTML e Javascript -> Gestão dos códigos Javascript
Depois carregue-se no botão "Criar um novo javascript".

(carregue na imagem para aumentar)
[TUTORIAL] Caixa de comentários do facebook nos tópicos Painel13
[TUTORIAL] Caixa de comentários do facebook nos tópicos 110111Seta Título - Terá de colocar um título para a página, de forma a poder identifica-lo na lista de páginas JavaScript do Painel de Controle;
[TUTORIAL] Caixa de comentários do facebook nos tópicos 110210Seta Investimento - Escolha a opção "Em todas as páginas", para que a função não apresente erros na posição da coluna de perfis;
[TUTORIAL] Caixa de comentários do facebook nos tópicos 110310Seta Código JavaScript - Neste campo teremos de inserir o código que trabalhamos no item anterior;
[TUTORIAL] Caixa de comentários do facebook nos tópicos 110410Seta Confirmar - Por fim, após adicionar o código, terá de clicar neste botão para salvar a criação. Se você clicar em um outro botão ou em uma outra seção, as mudanças não serão validadas.

- O resultado final:
[TUTORIAL] Caixa de comentários do facebook nos tópicos 15ewlk10



© Fórum dos Fóruns & BrunoH.


[TUTORIAL] Caixa de comentários do facebook nos tópicos Act_bottom Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título:
Caixa de comentários do facebook nos tópicos
Consolado

Consolado
Super usuário

Inscrito dia : 09/05/2011
Mensagens : 4243
Pontos Ativos : 6128

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