Adicionando o link “Tweet This!” ao final das postagens (quando clicado, envia o link encurtado ao Twitter do leitor)

O Twitter atualmente é o principal meio de compartilhamento de links na Internet, e cabe aos blogueiros aproveitar-se disso. Uma das formas mais eficientes é adicionar um link que facilite ao usuário indicar sua postagem no serviço. E para atender essa demanda, o site de encurtamento de URLs Bit.ly desenvolveu um script para facilitar o envio de links (já encurtados) para o Twitter, o qual podemos adicionar ao Template do Blogger/Blogspot, como você verá a seguir.

Este Hack utiliza um arquivo JavaScript externo. O uso excessivo de scripts no seu blog pode torná-lo lento. Portanto, não exagere!

Para adicionar o link “Tweet This!” ao final das postagens do seu Blogger, faça o seguinte:

Acesse o seu Painel do Blogger e selecione Layout, então clique em Editar HTML para entrar no modo de edição do código do seu Template.

Então marque a opção Expandir modelos de widgets.

Não se esqueça de fazer o backup do seu template antes de realizar as alterações no código, clicando em Baixar modelo completo.

Encontre o seguinte código (utilizando o Ctrl+F do seu navegador):

<div class='post-footer-line post-footer-line-1'>

Então cole o seguinte código DEPOIS:

<b:if cond='data:blog.pageType == "item"'><span style='float: left; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEim0kZ6ESL3y83XBndcrgaOpHX5jrZV9QZhrXS6IkOgQfdXQHaeXcAwEvOyH3P8wt-DcumbPLzlQ0OfHcAOHi7FZ4FHIn1-MqSB4O4COiTbNcyMGVYe6v_bzoR80DM4IHfgKm0tZgVi5Xk/s144/twittericon.png) left no-repeat; padding-left: 20px;'><script charset='utf-8' src='http://bit.ly/javascript-api.js?version=latest&login=tweettrackjs&apiKey=R_7e9987b2fd13d7e4e881f9cbb168f523' type='text/javascript'/>
<script charset='utf-8' src='http://s.bit.ly/TweetAndTrack.js?v=1.01' type='text/javascript'/>
<a expr:onclick='"return TweetAndTrack.open(this, \"" + data:post.url + "\");"' href='#'>
<span style='display:none;'>Estou lendo: <data:post.title/></span>Tweet this!</a></span></b:if>

A parte em verde é a URL do ícone que aparecerá à esquerda do link – por padrão está o favicon do Twitter. A parte em vinho é o texto que vai preceder o título do seu post no Tweet. Já a parte em laranja é o texto do link em si. Em alternativa à “Tweet This”, você pode usar “Twittar isso!” ou “Enviar para o Twitter”. A URL é encurtada automaticamente pelo Bit.ly.

Por exemplo, esta postagem ficaria assim depois que enviada através do link “Tweet This!”: “http://bit.ly/I7wZi Estou lendo: Adicionando o link “Tweet This!” ao final das postagens, que envia o link encurtado ao Twitter”.

Visualize para ver se não há erros no template e clique em Salvar Modelo. Após salvar, você pode testar o Hack clicando em alguma postagem do seu blog.