Ricardo Santos

E aí está mais uma cartada em grande do Google, Google Friend Connect já está aberto a todos, para podermos utilizar este serviço podemos usar uma conta Google, Yahoo, AOL ou uma conta OpenID.

Com o Google Friend Connect podemos adicionar vários gadgets de carácter social ao nosso blogue, como um clube de membros onde cada membro pode visitar o perfil dos outros membros e partilhar mesmo o perfil de outros sites sociais (para começar apenas Orkut e Plaxo).

Podemos colocar um gadget onde os membros podem colocar comentários (os comentários podem ser moderados) ou mesmo classificar o blogue ou site.

Se usar a plataforma Blogger só precisa de copiar o código que é fornecido, para sites ou outras plataformas bloguisticas têm de colocar 2 ficheiros no servidor além do código.

Podem ver um exemplo aqui ao lado na barra lateral do blogue.
Google Friend Connect

Com este código irá permitir que os visitantes ao seu blog imprimam ou guardem no formato PDF artigos individuais do blog, poderá ser útil para quem queira imprimir ou arquivar um guia.

O código para a “parte” da impressão foi originalmente postado pela Amanda, a “parte” do PDF vi num blog que entretanto perdi o endereço.

1º – No painel de controlo do blogger clicar em ESQUEMA/LAYOUT >>>> EDITAR HTML e seleccionamos a opção EXPANDIR MODELOS DE WIDGETS, depos de a página recarregar vamos localizar no template o seguinte código:</head>, e inserimos o seguinte código CSS antes dessa linha:

   <style media='print' type='text/css'>#header-wrapper, #header, .header, #sidebar-wrapper, .sidebar, #footer-wrapper, #footer, .date-header, .post-meta-data, .comment-link, .comment-footer, #blog-pager, #backlinks-container, #navbar-section, .subscribe_notice, .noprint {display: none;}#main-wrapper {width: 95%}</style>

3º – Localize no template o seguinte código: <data:post.body/> e coloque o seguinte código imediatamente a seguir:

   <b:if cond='data:blog.pageType == &quot;item&quot;'><span style='background: url(http://4.bp.blogspot.com/_ImJ3wuFG4BE/SOE1wInErpI/AAAAAAAAC00/ts93eL_FDyM/s00/print.gif) left no-repeat; padding-left: 20px;'><a href='javascript:window.print()'>Imprimir artigo</a></span></b:if><b:if cond='data:blog.pageType == &quot;item&quot;'><span style='background: url(http://3.bp.blogspot.com/_ImJ3wuFG4BE/SOE1wHz3jCI/AAAAAAAAC08/NzRfVsDeUGA/s00/pdf.gif) left no-repeat; padding-left: 20px;'/><a expr:href='&quot;http://savepageaspdf.pdfonline.com/pdfonline/pdfonline.asp?cURL=&quot; + data:post.url + &quot;&amp;author_id=3FD52872-3E9E-483E-A95F-0348A270F5D7&quot; + &quot;&amp;page=0&quot; + &quot;&amp;top=0.5&quot; + &quot;&amp;bottom=0.5&quot; + &quot;&amp;left=1.5&quot; + &quot;&amp;right=1.5&quot;' target='_blank'>Guardar como PDF</a></b:if>

4º – Guarde as alterações e se tudo correu bem deverá ver nas páginas individuais do blogue 2 botões um para imprimir outro para guardar em PDF, pode também utilizar outras imagens substituindo as secções a verde e vermelho no código pelas localizações de outras imagens, a vermelho é a impressora e a verde o símbolo do formato PDF.

OBSERVAÇÔES:
Dependendo do template o código inserido no passo 1 não é necessário, experimente sem e com esse código se tiver dificuladades a imprimir ou guardar no formato PDF.

Se tiverem dificuldades/precisarem de ajuda a instalar o código ou mudar a imagem deixem aqui um comentário, não enviem mensagens acerca disto através do formulário de contacto.

Com este widget poderá mostrar no seu blogue (Blogger) quantos artigos e comentários foram efectuados. Vi este código no Escaparate e mudei certas partes do código, deixei de lado a configuração da fonte pois nem todas pessoas têm a mesma fonte no computador e fonte “A” com tamanho “B” pode ficar diferente para cada visitante, vamos lá então:

1º- No painel de controlo do blogger clicar em ESQUEMA/LAYOUT >>>> ADICIONAR MINIAPLICAÇÃO/ADICIONAR GADGET >>>> HTML/JAVASCRIPT.

2º – Copiar para o widget aberto no passo anterior o códigoo abaixo fornecido substituindo a parte a vermelho com o endereço do seu blog, dê um titulo ao widget e guarde.

   <div style="float: left;"><img style="width: 48px;" src="http://4.bp.blogspot.com/_ImJ3wuFG4BE/SN9OTw4Tc5I/AAAAAAAACzE/_CFoCwFO8aE/s00/stats.png"/></div><div style=" float: left;  text-align: left;"><script style="text/javascript">function showpostcount(json) {document.write(parseInt(json.feed.openSearch$totalResults.$t,10));}</script><script src="http://ENDEREÇODOBLOG.blogspot.com/feeds/posts/default?alt=json-in-script&callback=showpostcount"></script> Artigos<br/><script src="http://ENDEREÇODOBLOG.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showpostcount"></script> Comentários</div><div style="clear: both;"></div>

   http://1.bp.blogspot.com/_ImJ3wuFG4BE/SN9Rt8gQkqI/AAAAAAAACzM/T9bCjj1WwM4/s00/stats_01.png

   http://2.bp.blogspot.com/_ImJ3wuFG4BE/SN9R6nOq_kI/AAAAAAAACzU/R0xpGVvzIgs/s00/stats_02.png

   http://3.bp.blogspot.com/_ImJ3wuFG4BE/SN9R6gZzdTI/AAAAAAAACzc/8cDaUnz8wfk/s00/stats_03.png

   http://3.bp.blogspot.com/_ImJ3wuFG4BE/SN-wt46meRI/AAAAAAAAC0U/kE95EGO3Ft4/s00/stats_04.png