Blogger.com – Botão para partilhar no Twitter

• Tweet
• Sharebar

• Tweet

Ontem tive a fazer algumas alterações no MUIOMUIO.NET e se há algo que me deixa um pouco pensativo é a forma como quase todo o conteúdo é vocacionado para utilizadores de WordPress deixando de parte os utilizadores do Blogger.com e outras plataformas. Não é que eu queira mas como não utilizo a plataforma do blogger.com e uso WordPress é bastante mais fácil para mim falar sobre algo que conheço do que ler e interpretar posts de outros blogs e partilhar algo com os leitores.

Uma das alterações que fiz ontem foi adicionar botões para partilhar os posts no facebook, Twitter e Delicious (Se algum funcionar mal, agradeço que me avisem).

Hoje encontrei um tutorial muito bom que ensina a colocar um botão para partilhar no Twitter na plataforma do Blogger permitindo aos leitores do blog e das feeds partilhar o conteúdo no Twitter

Antes de começar aconselho a fazer um backup do template e só depois o começar a editar. Um simples erro pode dar uma valente dor de cabeça.

Inserir botão para partilhar no twitter

1. Primeiro passo é fazer backup do template.
   Na Dashboard do Blogger vai a Layout » Edit HTML e procura a opção «Download Full template» que deve encontrar-se algures no topo da página. Guarda o template no teu PC.
2. Voltando a Layout » Edit HTML selecciona a opção “Expand Widget Templates” visto que vamos inserir o código do botão na widget dos posts.
3. Agora procura a seguinte linha do template (poderá não ser 100% identica mas deverá ser bastante parecida):

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

   Caso não encontres a linha procura por “post-footer”. Se mesmo assim não encontrares a classe de CSS post-footer procura por <data:post.body/>

4. Agora que já encontraste a linha referida no ponto anterior coloca o seguinte código imediatamente a seguir:

   <b:if cond='data:blog.pageType == "item"'><span style='float: left; background: url(http://lh6.ggpht.com/_xn2gmPb9TfM/Sb_fZkjAxpI/AAAAAAAAD3E/_9xpsQgFfTg/s128/twitter-16x16.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>Partilha no Twitter!</a></span></b:if>


5. Faz preview para ver se está tudo a funcionar correctamente. É provavel que não consigas ver o botão do Twitter na preview mas se estiver tudo correcto o template mostra normalmente. Caso contrário deverá dar algum erro. Guarda as alterações e vê no teu blog.

Artigo original: How to add tweet links to your blogger template