Novidade - Crie automaticamente “Sharing Buttons” a partir do gerenciador do Blogger

 

Como criar Sharing Social Bookmarks Buttons (Botões de Compartilhamento) no Blogger

Agora o Blogger permite a mostrar botões de compartilhamento (Share Buttons) automaticamente nos seus artigos a partir do gerenciador, sem a necessidade de widgets ou scripts.

Obs.: Botões de Compartilhamento ou Sharing Buttons, para quem não sabe, são sistemas automáticos que servem para compartilhar links dos artigos para as redes sociais, e-mail ou posts em outros blogs. Quando encontramos um artigo interessante, podemos divulga-lo clicando nestes botões.

A princípio, essa novidade permite apenas o compartilhamento por e-mail, postagem no Blogger, e links para as redes sociais do Twitter, Facebook e Google Buzz. Com certeza outros itens serão acrescentados em breve…

Os botões mostrados são discretos, elegantes e com efeito especial quando se passa o mouse sobre eles. (veja você mesmo no final da nossa matéria)

O sistema de envio do link através de e-mail é muito bom, pois permite importar e-mails dos seus contatos, veja exemplo abaixo:

Incluindo Botões de Compartilhamento nos Posts

 

Acesse o gerenciador: http://draft.blogger.com

 

 

Obs: Este recurso ainda é só possível no Blogger in Draft (Blogger em rascunho), e está em fase de testes, mas funciona perfeitamente, pelo menos foi o que verifiquei no meu blog.

1) Após entrar no Gerenciador do Blogger (Blogger em rascunho), faça o login utilizando a sua conta Google.

2) Vá para <Design> e <Elementos da página>

3) Em <Postagens no blog> clique em <Editar>

4) Selecione a caixa <Mostrar botões de compartilhamento>

5) Em <Organizar itens> clique sobre os botões e arraste, posicionando-os no local desejado… e depois de tudo certo, clique no botão <Salvar>.

6) Não esqueça de  <Salvar> as modificações menu superior

7) Visualize o seu blog e veja os botões são mostrados nos seus posts.

Se os botões não aparecerem, não se preocupe. Isto significa que você possui um template customizado. Abaixo, mostraremos como corrigir isto…

Corrigindo a visualização dos Botões nos posts

1) Vá em <Design> e <Editar HTML>

2) Selecione <Expandir modelos de widgets>

IMPORTANTE: Antes de alterar seu modelo HTML, é altamente recomendável salvar uma cópia do mesmo – para isto clique no link <Baixar modelo completo>. Se algo der errado Restaure o arquivo do modelo salvo anteriormente.

3) Utilizando <CTRL+F> localize qualquer uma das expressões abaixo:

<p class='post-footer-line post-footer-line-3'> ou <div class='post-footer-line post-footer-line-3'>

Como exemplo, no blog Visual Dicas, encontrei a segunda expressão…

4) Agora é só acrescentar o seguinte código:

<div class='post-share-buttons'> <b:include data='post' name='shareButtons'/> </div>

Imediatamente abaixo ou acima da expressão encontrada… (vai depender de como você quer que apareça, abaixo da última linha do rodapé ou acima)

Veja no exemplo abaixo:

5) Clique em <Salvar Modelo> e pronto.

Agora visualize os seus posts. Veja como ficou o nosso exemplo

Bem, se você gostou desta matéria, está aí uma ótima oportunidade para testar os botões de compartilhamento….

até mais… [ byALF ]