Adicionar Google Friend Connect no Google Sites

Publicado por Silvio Garbes Lara em 10/11/2010

[ Hits: 6.268 ]

0 0

Denuncie Favoritos Indicar Impressora

Adicionar Google Friend Connect no Google Sites

Fonte: http://sites.google.com/site/silviogarbes/dicas/adicionar-google-friend-connect-no-google-sites

1. Acessar o Google Friend Connect (http://www.google.com/friendconnect/) e criar um Gadget Members. Guarde o código HTML.

2. Acessar o editor de Gadget (http://code.google.com/intl/pt-BR/apis/gadgets/docs/legacy/gs.html#GGE) e mesclar o código do Friend Connect. Ao final do script do friend connect inserir a linha:

<a href="javascript:alert(self.location.href)">.</a>

Essa linha será utilizada para exibir o nome do site. Ex.:

<?xml version="1.0" encoding="UTF-8"?>
<Module>
<ModulePrefs title="Friend Connect Silvio Garbes Lara" />
<Content type="html"><![CDATA[
   
   <script type="text/javascript" src="http://www.google.com/friendconnect/script/friendconnect.js"></script>
   
   <div id="div-1919396420641276248" style="width:276px;border:1px solid #cccccc;"></div>
   
   <script type="text/javascript">
   var skin = {};
   skin['BORDER_COLOR'] = '#cccccc';
   skin['ENDCAP_BG_COLOR'] = '#e0ecff';
   skin['ENDCAP_TEXT_COLOR'] = '#333333';
   skin['ENDCAP_LINK_COLOR'] = '#0000cc';
   skin['ALTERNATE_BG_COLOR'] = '#ffffff';
   skin['CONTENT_BG_COLOR'] = '#ffffff';
   skin['CONTENT_LINK_COLOR'] = '#0000cc';
   skin['CONTENT_TEXT_COLOR'] = '#333333';
   skin['CONTENT_SECONDARY_LINK_COLOR'] = '#7777cc';
   skin['CONTENT_SECONDARY_TEXT_COLOR'] = '#666666';
   skin['CONTENT_HEADLINE_COLOR'] = '#333333';
   skin['NUMBER_ROWS'] = '4';
   google.friendconnect.container.setParentUrl('/site/silviogarbes/' /* location of rpc_relay.html and canvas.html */);
   google.friendconnect.container.renderMembersGadget(
    { id: 'div-1919396420641276248',
      site: '08194955941761012765' },
     skin);
   </script>
   <a href="javascript:alert(self.location.href)">.</a>
]]></Content>
</Module>

3. Clicar em "file" -> "save as" -> coloque o nome de "friendconnect.xml" -> ok. Obs.: Para aparecer o "save as" deve-se esta logado no site.

4. Observar 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.

5. No canto superior direito do editor aparece "friendconnect.xml". Clique nele. Será aberta uma nova página. Cópie esse endereço. Ex.:

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

6. Acessar o Google Sites (Ex.: http://sites.google.com/site/silviogarbes/), ir na página que você quer inserir o friend connect e editá-la.

7. Clicar em inserir -> Mais Gadgets -> Adicionar gadget pela URL -> coloque seu cadget (ex.: http://hosting.gmodules.com/ig/gadgets/file/102772879044601058754/friendconnect.xml) -> ok.

8. Salve a página.

9. Irá aparecer a mensagem "Desculpe... Este gadget não está configurado corretamente. Dica do webmaster: verifique se as "Configurações do Google Friend Connect - URL da Página inicial" correspondem ao URL deste site.".

10. Embaixo aparece um ponto ".". Clique nele e copie o endereço do site (Ex.: http://s7s2jpq40n8sgpv8te88ch3eflipltgq-a-sites-opensocial.googleusercontent.com).

11. Acessar novamente o Google Friend Connect (http://www.google.com/friendconnect/) e editar o friend connect clicando em "Configurações". Altere a "URL da Página inicial" para a url copiada anteriormente (Ex.: http://s7s2jpq40n8sgpv8te88ch3eflipltgq-a-sites-opensocial.googleusercontent.com). Salve as configurações.

12. Pronto, já esta inserido o Google Friend Connect no Google Sites. Atualize a página do Google Sites para testar.

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

Fonte de pesquisa: http://www.mydigitallife.info/2010/02/03/how-to-add-javascript-or-custom-contents-to-google-sites-with-gadget/

Outras dicas deste autor

Adicionar Facebook Comments no Google Sites

Leitura recomendada

Rádio UOL com proxy transparente

Primeiras Impressões do KDE 3.5

Central de Programas do Ubuntu no Linux Mint

GULZO - Grupo de Usuários Linux da Zona Oeste do Rio de Janeiro

Instalação da PEAR MDB2 no Linux

Comentários

Nenhum comentário foi encontrado.