SOCIAL MEDIA

12 setembro, 2017

Como instalar comentários via facebook no blogue



Hey, hey!

Hoje trago uma dica muito fixe para quem tem blogues. Como sabem, hoje em dia as redes sociais são um instrumento muito útil na divulgação do nosso blogue e como tal, não pudemos deixar de lado algumas das vantagens que elas nos proporcionam.

Não sei se repararam, mas recentemente adicionei uma caixa de comentários do facebook, para que os meus leitores possam comentar por lá e não só através dos comentários do blogger. Podem ver como fica, aqui
Torna-se mais prático e mais fácil e é sempre mais uma alternativa para que os leitores interajam com o blogue.

Como devem saber não sou uma expert em HTML, contudo começo a dar uns toques. Esta dica aprendi no site da Elaine Gaspareto. O site dela, é ótimo para quem quer aprender a mexer e a aprender um pouquinho. 

No entanto, ela mostra vários tutoriais de como podemos inserir esta caixa de comentários, mas só desta maneira resultou comigo. Tentei mil e uma maneiras, mas por vezes nem sempre dá. Sendo assim, achei bem útil, mostrar-vos como consegui inserir, de uma forma mais simples e descomplicada.
De relembrar que os código utilizados foram retirados do site dela.

Vamos a isto?
Criar uma aplicação no Facebook

É o primeiro passo! Antes de passarmos para a parte mais complicada que é a dos códigos, temos de primeiro obter o nosso ID de facebok. Para isso, basta clicarem em Facebook for Developers.
Aparecerá uma imagem assim:



Lá em cima no lado direito, encontram o botão "Get Started". É aí que clicam e serão direcionados para a seguinte imagem:



Onde diz "Display Name", colocam o nome do vosso blogue. Por baixo, o email da vossa conta do facebook. Tenham atenção a este passo, porque o email tem de ser o mesmo da conta.
Feito isto, basta clicarem no botão azul em baixo, onde diz " Create App ID" e conseguem visualizar logo o vosso ID. Copiem o número todo e guardem no bloco de notas do computador. Se preferirem, podem deixar a página aberta, porque vamos precisar dele no passo seguinte.
Vamos agora à parte que pode ser mais confusa!

Como instalar comentários via facebook no blog

Para evitar quaisquer erros que possam causar ao nível de edição do vosso blogue, sugiro que façam a experiência num blogue teste e só depois tentem fazer no vosso próprio blogue. Nunca se esqueçam de efetuar uma cópia de segurança antes disso.

Comecem por ir ao painel de controlo do Blogger, depois "Tema" e depois em "Editar HTML". Cliquem com o rato dentro da caixa de código e digitem Ctrl+F. Aparecerá uma barra "Search". Nessa barra, vão escrever <head> e clicar Enter para a encontrarem.
Abaixo de <head>, colem o seguinte código e guardem.

Não se esqueçam de preencher no código em baixo, entre as aspas, o vosso nome de utilizador de facebook e o ID.

<meta content='Nome de utilizador do Facebook' property='fb:admins'/>
<meta content='ID que guardamos anteriormente' property='fb:app_id'/>


De seguida, procurem por </head>. Acima de </head>, colem o seguinte código e guardem:

<script type="text/javascript">
//<![CDATA[
$(window).bind("load resize", function(){
var url = location.protocol+'//'+location.host+location.pathname;
var containercm_width = $('#container-commentfb').width();
$('#container-commentfb').html('<div class="fb-comments" ' +
'data-href="'+url+'"' +
' width="' + containercm_width + '" data-num-posts="5"></div>');
FB.XFBML.parse( );
});
//]]>
</script>


Para finalizar, vamos procurar por div class='post-footer'. Depois de a encontrarem, cliquem novamente no Enter, porque queremos o segundo trecho. Abaixo dela, colem o seguinte código:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='fb-root'/>
<script src='http://connect.facebook.net/pt_BR/all.js#xfbml=1'/>
<div id='container-commentfb' style='width: 100%;'><fb:comments expr:href='data:post.url' num_posts='5' width='650'/></div>
</b:if>


Podem mudar os números assinalados a cores, se desejarem. O 5 corresponde ao número de comentários visíveis e o 650 corresponde à largura dos comentários.

Não foi muito difícil, pois não?
Contem-me aqui em baixo, se esta publicação vos foi útil e se conseguiram instalar. Vou gostar muito de saber!
Um beijinho grande

7 comentários :

  1. Olha que não sabia disso mas obrigada pela dica
    Beijinhos
    CantinhoDaSofia /Facebook /Intagram
    Tem post novos todos os dias

    ResponderEliminar
  2. Não estou interessada em fazer isto no meu blog, mas acho que este post vai ser útil para muitas pessoas :). Eu não sabia como se fazia :).
    Beijinhos,
    Cherry
    Blog: Life of Cherry

    ResponderEliminar
  3. Que post útil! Confesso que não fazia a mínima ideia! :D

    amarcadamarta.blogspot.pt

    ResponderEliminar
  4. Não fazia ideia de como se fazia! Achas que traz vantagens?

    www.ayellowrain.blogspot.com

    ResponderEliminar
  5. É sempre bom prender coisas novas!
    Confesso que ainda sou muito "lerda" nisto dos códigos e gostava imenso de aprender mais a respeito.
    Beijo
    BLOG | FACEBOOK | INSTAGRAM

    ResponderEliminar
  6. Não fazia ideia de como se fazia! Obrigada pela partilha!!

    Beijinhos
    That Girl | FACEBOOK PAGE | INSTAGRAM | TWITTER

    ResponderEliminar
  7. por acaso não tenho o meu facebook ligado ao blog mas para quem tiver isto é super util!!
    beijinhos

    http://umacolherdearroz.blogspot.pt/

    ResponderEliminar

Obrigada pela visita, pelos comentários e por todo o carinho!! ❤
Qualquer dúvida ou questão será respondida directamente no post!