Colocar informações depois do Título - Tweet Button, Like e outros

Recentemente a blogueira Carol do blog 'Seja feliz com Carol' informou via Twitter que não encontrou nenhuma informação para adicionar o botão do Twetter e outros na lateral do blog, de forma a ficar abaixo do título. Não só pela Carol e sim ao nossos leitores que também buscam informações do tipo, passaremos informações sobre a implementação do recurso.

Que plataforma usar?

Esta informação é de uso na plataforma Blogger/Blogspot. Não foi testado em outras plataformas

O que realmente isso faz?

Conforme a imagem de 471 Tweet no lado esquerdo desta postagem (no topo), você poderá não somente inserir um botão do Twetter, mais do Facebook, textos e outras redes sociais.

Como implementar?

O Arruma Blog encontrou no Ferramentas Blog o código. Sim, desta vez o crédito é todo dele, mais de toda forma, segue para os que não desejarem clicar lá:

Vá até a página do Twitter onde se pode criar o botão da forma personalizada

             http://twitter.com/goodies/tweetbutton

Escolha o tipo de botão e no tópico 2 informa o nome do seu twetter para que depois que o leitor compartilhar o post, a tela de compartilhamento indicar o seu perfil para ele seguir. Na sequencia, pegue o código (copie) que é gerado automaticamente na página. Como você terá que copiar outras coisas, recomendamos cole o código em um bloco de notas ou mantenha a página do botão aberta.

Na sequencia, logado em seu blog, localize a opção 'Design' depois 'Edirar HTML' e clique em 'Expandir modelos de widgets'. Aperte Ctrl+F do seu teclado para Localizar a seguinte linha:

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

ACIMA dessa linha cole o seguinte texto:

<b:if cond=’data:blog.pageType == &quot;item&quot;’>
<p style=’display: inline; float: right; margin-left: 5px’>

   Adicione aqui o código do botão que foi gerado na página do Twitter.
   Não modifique nada nos códigos.

</p>
</b:if>

Atenção na palavra em vermelho pois ela é a única que pode ser mudada. Ela indica o local que as coias irão aparecer, como esquerda, direita e centralizada, mais tudo em inglês, claro. Neste caso o local está para a direita --> Caso queira que tudo fique alinhado à esquerda, mude a palavra para 'left', fora isso não mude nada.

Esta é a dica que o Ferramentas Blog nos dá. Mais sabemos que o Blogger/Blogspot da outra opção aos blogueiros e esta é até mais simples, porém não está disponível a todos os modelos de blogs, principalmente os que são modificados. Para usar, localize a opção 'Design' depois 'Elementos de página'. Cliquem Editar no campo 'Postagens do blog' e na PopUp, marque a opção 'Mostrar botões de compartilhamento'. Se o seu blog não for um modelo modificado por alguém o seu blog mostrará normalmente os desenhos para divulgação, caso ele não mostre nada, mesmo estando marcado a opção, é porque o código que faz ele ativar não existe no seu blog, sugerimos então a troca do modelo de blog, se isso for realmente importante.

Imagem de orientação. Clique para ampliar

Esperamos que todos os usuários da plataforma Blogger possa implementar o recurso. Se você também usa WordPress no Ferramentas Blog tem a dica para usar o recurso.