PROMOÇÃO - Magazine Luiza - NÃO PERCA!

Encontre no blog...

22/06/2010

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

 feature-8134

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.

image

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:

image

Incluindo Botões de Compartilhamento nos Posts

Buddy_thumb[3]

 

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>

image

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

image

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

image

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

image

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

image

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>

image

2) Selecione <Expandir modelos de widgets>

image

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…

image

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:

image

5) Clique em <Salvar Modelo> e pronto.

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

image

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

até mais… [ byALF ]

 



5 comentários:

Newdelia disse...

Oiêee!
Obrigada pela visita, pelo carinho em votar no Estúrdio e,lógico, pelo elogio, mas de amigo não vale, né? rsrsrs...
Adorei. Obrigada de coração.
Adorei também este post e estou tentando ver se consigo fazer tudinho. Bela dica. Parabéns! Como sempre dando excelentes dicas.
Beijos

Anônimo disse...

Ótimas dicas! Ótimo blog!

Criativo de Galochas disse...

Ótima dica para os iniciantes!
Marcus

Kleber Dias disse...

Ola galera, eu gostei muito do post de vocês, foi o unico lugar que achei, mas eu segui todas as instruções, e os links apareceram lá, só que ficaram invisíveis, soh tem os links, sem os desenhos do twitter, do face.. fico invisivel. Alguém sabe o que pode ser?

Jhonny Lopes disse...

Parabéns por seus excelentes conteúdos, Eu estava com um problema em meus botões de compartilhamentos, solucionei seguindo as suas dicas, Eu também criei wm Widget Google Plus com as suas dicas. Que Deus continue abençoando e lhe dando forças, para cada dia mais poder compartilhar do seu conhecimento com tanta sabedoria e ajudar a muitas pessoas, Abraços!

Postar um comentário

Gostou do Post? Então espalhe!

Quem está curtindo...

Encontre no blog...

Fique mais.... Leia os nossos artigos!!!

Gostou? Então espalhe!

Twitter Delicious Facebook Digg Stumbleupon Favorites More

 
Web Analytics