Postagem em destaque

10 motivos pelos quais eu odeio o Natal

Eu odeio festas de fim de ano, principalmente o natal. Sinceramente eu não me encaixo nesse status quo onde a hipocrisia das pessoas parec...

quinta-feira, 12 de setembro de 2013

Novidades: Incorporar postagem do Google+ no Blogger

Nesta semana, o pessoal do Google+ introduziu um novo recurso na rede social: A incorporação das postagens em qualquer página da internet. Um recurso já existente em outras redes, mas que é de longe o melhor, pois permite a incorporação de postagens de perfis públicos e também de páginas.

A incorporação é totalmente interativa, pois permite a possibilidade de comentar e dar +1 na postagem, além de seguir o autor. Abaixo, vou ensinar como implementar esse recurso corretamente no Blogger.

Incorporando uma postagem do Google+ no Blogger

No Blogger, você pode incorporar dentro de um gadget ou numa postagem, e nesta última tem um porém, o código fornecido TEM que ser colocado no modo HTML do editor de texto. Como  exemplo, vou usar uma postagem recente do Ferramentas Blog:

Aliás, um post obrigatório a ser lido!

Clicando na seta no canto superior à direita, abre-se um menu:

Incorporar postagem

Abre-se uma popup com o código da incorporação:

Depois de copiar clique em concluído.

Analisando o código fornecido:

Esta primeira parte, quase todos que associaram seu blog ao Google+ ou colocaram os botões+1 já deve ter. Se não tiver, coloque esse código antes da tag de fechamento </head>:

<!-- Place this tag in your head or just before your close body tag. -->
<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>

Esta segunda parte do código você coloca ou num gadget ou numa postagem/página de seu blog. Mas se for numa postagem ou página lembre-se de fazer isso no editor de texto no modo HTML!

<!-- Place this tag where you want the widget to render. -->
<div class="g-post" data-href="https://plus.google.com/115161266310935247804/posts/NteX7SXB5y3"></div>

A postagem incorporada não vem centralizada, mas é só acrescentar uma div para corrigir isso:

<div style="text-align: center;"><!-- Place this tag where you want the widget to render. -->
<div class="g-post" data-href="https://plus.google.com/115161266310935247804/posts/NteX7SXB5y3"></div></div>

Eis o resultado:



Et voilá! E então, gostaram da novidade?

Nenhum comentário:

Postar um comentário

Pessoal, comentem, críticas e elogios serão bem aceitos. E eu respondo, posso demorar mas respondo. Esse velho lobo do mar tarda mas não falha!!!!

Leia antes a minha Política de Comentários.

Se quiser deixar o link de uma postagem sua, utilize o código abaixo trocando o que está escrito em letra maiúscula:

<p><abbr><em><strong>SEU NOME</strong> - último post do blog... <a href="<strong>LINK-DA-POSTAGEM</strong>"><strong>TÍTULO DA POSTAGEM</strong></a></em></abbr><p>

Related Posts with Thumbnails
Google