Botões de compartilhamento (Novo recurso) - Blogger

quarta-feira, 15 de junho de 2011

Botões de compartilhamento (Novo recurso) - Blogger

O Blogger inseriu mais uma inovação que é muito útil e substitui aquelas funções que só a navbar tinha, o recurso permite enviar a postagem para diversos serviços de compartilhamento que são os principais, Twitter, Facebook, Buzz e ainda funções como enviar por e-mail e blogthis ou seja postar  no seu blog o link da postagem. Quem tem os templates padrões do Blogger, pode desfrutar deste serviço apenas acessando o painel mais quem possui um template personalizado deve fazer algumas alterações que veremos abaixo.

Ativando o serviço pelo painel

1) Acesse o painel do Blogger(draft.blogger.com)

2) Vá “Layout/Design”-> “Elementos da página”-> “Postagens no blog”->  “Editar”

3) Selecione a caixa “Mostrar botões de compartilhamento”

4) Verifique se apareceu um barra de ferramentas como esta abaixo:

5) Se apareceu, não será necessário fazer qualquer alteração no seu blog, caso contrário faça a alteração seguinte.

Alterando HTML

1) Vá em “Layout/Design”-> “Editar HTML”-> Marque a caixa “Expandir Modelos de Widgets”

2) Procure pelo seguinte código utilizando as teclas “CTRL” e “F”:
<div class='post-header-line-1'>

Obs.: Se tiver mais de um lembre-se que é o segundo e como referência ele deve estar antes do seguinte código:

<div class='post-body entry-content'>

3) Substitua-o pelo seguinte:
<div class='post-header'>
    <div class='post-header-line-1'><div class='post-share-buttons'>
        <b:include data='post' name='shareButtons'/>
      </div> </div>
    </div>

4) Salve e visualize.

Pronto creio que agora o serviço vai funcionar com certeza pois verifiquei nos modelos padrões e única diferença era essa pois o código do botão o blogger já havia adicionado então o que faltava era este.