Barra de Compartilhamento no final das postagens do Blogger

11 de dezembro de 2013

3 comentários:
O compartilhamento em redes sociais é muito importante para que um blog possa crescer cada vez mais. Pensando nisso, é importante preparar seu blog para as diversas possibilidades de compartilhamento vinda de seus leitores.

O site AddThis é ótimo quando a questão é compartilhamento: ele proporciona diversas ferramentas que peritem aprimorar as opções de compartilhamento em seu blog, com uma instalação simples e sem segredos.

Criar uma conta no AddThis

Antes de tudo é necessário criar uma conta no AddThis, ou então se conectar utilizando o Facebook, Twitter ou Conta do Google, isso ficará por sua escolha. O importante mesmo é estar logado em sua conta para a próxima etapa do processo. Não estarei ensinando como criar uma conta, pelo fato de ser algo muito simples.

Gerar o botão de compartilhamento

Após criar sua conta, será necessário escolhe qual o modelo de botões de compartilhamento deseja inserir em seu blog.

1º passo: Selecione o Blogger como a plataforma usada em seu site:



2º passo: Selecione o layout dos botões de compartilhamento:


3º passo: Selecione se deseja ou não o acompanhamento no compartilhamento do AddThis. Caso esta opção seja marcada, será inserido uma hashtag no final de cada url do seu blog, quando o recurso for carregado. Essa opção fica a critério de cada um:


Após configurar sua barra de compartilhamento, visualize-a verificando se é esta mesmo que deseja inserir em seu blog, ou se ela ainda necessita alguma alteração em seu modelo, sendo possível alterar o layout da barra.

Instalando em seu blog

Após configurada, bastará clicar em Install Blogger Widget que o processo de instalação acontecerá automaticamente. Bastando apenas que confirme em qual de seus blogs deseja que o widget seja instalado:


Escolha o blog e clique em Adicionar widget.

Organizando o gadget no layout do blog

O código do gadget faz com que ele apareça automaticamente no footer de cada postagem do seu blog, e isso não tem como ser alterado. Apenas uma recomendação é que organize o gadget abaixo do gadget Postagens do blog, isso para evitar que exclua o gadget acidentalmente, ou então, ele ocupe um espaço de outra área de seu blog. 



Essa é apenas uma recomendação, pois o gadget funcionará independente de onde estiver organizado em seu layout.

Ocultando o gadget na página inicial

Caso o gadget não tenha uma boa apresentação na página inicial do seu blog, será possível ocultar a sua exibição. Para isso, bastará acessar o Modelo Editar HTML.

Clique na caixa de códigos, e pressione a tecla Ctrl + F, procure por AddThis ou pelo título que foi inserido no gadget.

Ao encontrar o gadget referente a barra de compartilhamento, você deverá inserir o código da seguinte maneira dentro de seu conteúdo:
<b:widget id='HTML3' locked='false' title='AddThis' type='HTML'>
    <b:includable id='main'><b:if cond='data:blog.pageType == "item"'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>
  <b:include name='quickedit'/></b:if>
</b:includable>
  </b:widget>
O código em vermelho corresponde ao que deve ser inserido dentro do código do gadget.


Insira o código conforme mostra a imagem acima.

3 comentários:

  1. Olá Henrique!

    Obrigado pela ajuda e seu artigo ficou excelente. Parabéns pelo trabalho, abraços!

    ResponderExcluir
  2. Muito obrigada, Henrique !
    Sensacional seu tutorial !
    Parabéns

    ResponderExcluir