Home » » Como colocar share buttons do Blogger

Como colocar share buttons do Blogger

social-media-iconsEste é um post que estou devendo há tempos, já que o recurso foi lançado em junho. Trata-se de como ativar os botões de compartilhamento ou share buttons oficiais do Blogger.
Esses botões servem para enviar os posts por email e/ou para o Twitter, Facebook e Google Buzz, com apenas 1 clique.
Como ativar os share buttons nos templates do Designer do Modelo
Entre em design>elementos de página. Em postagens do blog, clique em editar
share-buttons
Irá abrir uma janela pop-up. Marque a caixa Mostrar botões de compartilhamento
image
Clique em salvar e pronto! Os botões de compartilhamento serão ativados.
image
Os botões aparecem com fundo cinza e, ao passar o mouse, ficam coloridos.
Como ativar os share buttons em templates personalizados
Entre em design>editar HTML. Marque a caixa expandir modelos de widgets.
Cole este código de acordo com o local onde você quer exibir os botões:
<div class='post-share-buttons'>
        <b:if cond='data:post.sharePostUrl'>
          <b:include data='post' name='shareButtons'/>
        </b:if>
      </div>
Embaixo do título do post
Colar antes de <div class='post-body'> ou de <div class='post-body entry-content'>
No final do post
Colar antes da linha <div class='post-footer'>
No rodapé dos posts
Colar antes de <p class='post-footer-line post-footer-line-3'> ou de <div class='post-footer-line post-footer-line-3'>
Clique no botão visualizar e se tudo estiver ok, salve o template.
Compartilhe este artigo: :

Quero+



 
Traduzido Por: Site's Dj Matioka
Copyright © 2013. Rádio Online Funk Dj Matioka
Template Created by Tv Online
Template Ads Ads Dj Matioka