Adicionar Facebook Comments no Google Sites

Publicado por Silvio Garbes Lara em 01/09/2011

[ Hits: 6.376 ]

1 0

Denuncie Favoritos Indicar Impressora

Adicionar Facebook Comments no Google Sites

1. Acesse o editor de Gadget (http://code.google.com/intl/pt-BR/apis/gadgets/docs/legacy/gs.html#GGE) e adicionar o código abaixo:

<?xml version="1.0" encoding="UTF-8"?>
<Module>
     directory_title="Comments"
  scrolling="true"
  height="400"
  width="525"
  title_url="http://www.silviogarbes.com.br/dicas/adicionar-facebook-comments-no-google-sites"
  description="Adicionar comentários utilizando o facebook comments."
  author="Silvio Garbes"
  author_email="silviogarbes@gmail.com" >
  </ModulePrefs>
  <UserPref name="url" display_name="url" datatype="string" required="true" default_value="http://" />
  <Content view="home">
    <![CDATA[
<div id="fb-root"></div> <script src="http://connect.facebook.n
et/en_US/all.js#appId=APP_ID&xfbml=1"></script>

<script type="text/javascript">
displayMsg();
function displayMsg(){
var prefs = new _IG_Prefs();
document.write("<fb:comments href=\"" + prefs.getString("url") + "\" num_posts=\"4\" width=\"500\"></fb:comments>");
}
</script>

    ]]>
  </Content>
</Module>

2. Clice em "file" -> "save as" -> coloque o nome de "facebook_comments.xml" -> ok.

Obs.: Para aparecer o "save as" deve-se estar logado no site.

3. Observe se a primeira linha é "<?xml version="1.0" encoding="UTF-8"?>" e não "<?xmlversion="1.0"encoding="UTF-8"?>". No meu caso consegui corrigir com o Firefox.

4. No canto superior direito do editor aparece "facebook_comments.xml". Clique nele, será aberta uma nova página. Copie esse endereço.

Exemplo:

http://hosting.gmodules.com/ig/gadgets/file/102772879044601058754/facebook_comments2.xml

5. Acesse o Google Sites (Ex.: http://sites.google.com/site/silviogarbes/), vá na página que você quer inserir o Facebook Comments e edita-la.

6. Clique em inserir -> Mais Gadgets -> Adicionar gadget pela URL -> coloque seu gadget (Ex.: http://hosting.gmodules.com/ig/gadgets/file/102772879044601058754/facebook_comments2.xml) -> ok.

7. O campo "url" nas preferências do gadget deve ser preenchido com a url da página atual (Ex.: http://sites.google.com/site/silviogarbes/dicas/adicionar-facebook-comments-no-google-sites).

8. Salve a página.

9. Pronto, já esta inserido o Facebook Comments no Google Sites. Atualize a página do Google Sites para testar.

Obs.: Caso você queira, é possível anexar o "facebook_comments.xml" no Google Sites (Mais Ações -> Administrar Site -> Conteúdo do Site -> Anexo), copie o endereço dos arquivos, clicando em Download (Ex.: http://sites.google.com/site/silviogarbes/facebook_comments.xml?attredirects=0&d=1), apague o que vier depois de "?" ficando (Ex.: http://sites.google.com/site/silviogarbes/facebook_comments.xml).

Ao clicar em "Adicionar gadget pela URL" utilize esse caminho.

Fonte de pesquisa: http://www.h3ather.com/add-facebook-comments-box-to-google-sites-pages.

Outras dicas deste autor

Adicionar Google Friend Connect no Google Sites

Leitura recomendada

Can I use - Checar compatibilidade de comandos HTML5, CSS, JavaScript e outros

Javascript - pegar um elemento aleatório de uma lista

Aprendendo HTML

Copiando texto para área de transferência em JavaScript

JavaScript - converter uma array para valores únicos

Comentários

Nenhum comentï¿½rio foi encontrado.