[TUTORIAL] Caixa de comentários do facebook nos tópicos Hitskin_logo Hitskin.com

Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o temaVoltar para a ficha do tema

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

Ir para 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 21.01.13 10: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
Hiper Membro

Membro desde : 09/05/2011
Mensagens : 4243
Pontos : 6128

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

 
Permissões neste sub-fórum
Não podes responder a tópicos