Link de Enviar ao Twitter nas postagens do blogger

Criado em: 15 Julho de 2009
Modificado em: 16 de Julho de 2009
Atualizado em: 08 de Agosto de 2009

A pedido de um seguidor do twitter, implementei este tutorial.
O @Thi_Dias pediu para que alterasse o texto de lugar, quando enviado para o Twitter, e para você entender melhor veja as imagens:

Com o primeiro código o resultado no twitter era assim:

Agora com a alteração do segundo código podemos ter este resultado:

A nova moda da internet neste momento, está sendo o twitter, que é um método conjunto de divulgação e facilidade... Como todo blogueiro adoooora postar e divulgar, para os amigos os fãs do blog e etc. as ultimas novidades.
Eis aqui um geito de fazer os leitores publicarem o que gostarem do seu blog para os amigos no twitter.

O primeiro Scripts à seguir foi mostrado primeiramente pelo Blogger Buster.
Implementei no meu blog sem problemas segue as etapas de implementações e dicas de modificação para este script:

Entre no modo de Edição de HTML com a caixa de seleção "Expandir modelos de widgets" marcada e siga os passos a seguir:

Primeiramente iremos localizar uma das linhas, claro, alguns templates modificados não as encontrarão, tal qual o meu, neste caso faça um comentário solicitando a solução do problema.

post-footer-line-1 ou post-footer-line-2 ou post-footer-line-3

Normalmente assim: <div class='post-footer-line post-footer-line-1'>

Cole um dos seguintes códigos após a div correspondente (1, 2 ou 3) no template.
para o primeiro modelo (descrição depois do link):

<b:if cond='data:blog.pageType == &quot;item&quot;'><span style='float: right; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9lJmC-3eHaXy0AxU9sD2dfIgWm98P9VCZluzYrdB1BYYG9BAjXkgx3hJsS1TuJItSgeS6k6N0czwAnnZiFIVXIeu_EanNvKSx0tSMbYv1uiTzEKj2LOB0Ij21XfXLO295L34dsO9x6mk/s144/twittericon.png) left no-repeat; padding-left: 20px;'><script charset='utf-8' src='http://bit.ly/javascript-api.js?version=latest&amp;login=tweettrackjs&amp;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='&quot;return TweetAndTrack.open(this, \&quot;&quot; + data:post.url + &quot;\&quot;);&quot;' href='#'>
<span style='display:none;'>Li e gostei:<data:post.title/></span>Enviar ao Twitter »</a></span></b:if>

ou este código para ter o segundo modelo (descrição antes do link):

<b:if cond='data:blog.pageType == &quot;item&quot;'><span style='float: right; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9lJmC-3eHaXy0AxU9sD2dfIgWm98P9VCZluzYrdB1BYYG9BAjXkgx3hJsS1TuJItSgeS6k6N0czwAnnZiFIVXIeu_EanNvKSx0tSMbYv1uiTzEKj2LOB0Ij21XfXLO295L34dsO9x6mk/s144/twittericon.png) left no-repeat; padding-left: 20px;'><script charset='utf-8' src='http://bit.ly/javascript-api.js?version=latest&amp;login=tweettrackjs&amp;apiKey=R_7e9987b2fd13d7e4e881f9cbb168f523' type='text/javascript'/>
<script charset='utf-8' src='http://indicebloggerfiles.googlepages.com/TweetAndTrack.js' type='text/javascript'/>
<a expr:onclick='&quot;return TweetAndTrack.open(this, \&quot;&quot; + data:post.url + &quot;\&quot;);&quot;' href='#'><span style='display:none;'>Li e gostei:<data:post.title/></span>Enviar ao Twitter »</a></span></b:if>

---

Modificando Atributos:

---

float: right : Pode-se mudar o atributo "right" para "left" o float significa a flutuação do elemento, nele você escolhe entre direita "right" e esquerda "left"
Para ver o link centralizado utilize: <center><span[...]</a></span></center> veja:
float:left float:right

<center><span[...]</a></span></center>

O texto na cor ROSA é o endereço da imagem pode-se alterar ou utilizar este mesmo.

O texto Li e gostei: é o texto que aparece no RT do twitter, pode alterar para o texto que queira como no exemplo:
http://bit.ly/zCQMd Li e gostei:Link de Retwittar nas postagems do blogger

Já o Enviar ao Twitter » é o texto no link: Enviar ao Twitter »

Como dito no início deste tutorial, caso você encontre algum erro, queira fazer críticas ou elogios ou até contribuir com uma dica, deixe um comentário.

Caso queira mais notícias, novidades, tutoriais ou templates para personalizar seu blog, assine nosso RSS: http://feeds.feedburner.com/indiceblogger
Aguarde que você receberá todas as atualizações.

Agradecimentos às idéias e dicas:
Mary Guimarães | @maryynett (texto)
Humor no Mundo | @Thi_Dias (idéia)

Author : » Daniel Ikeda «

Share this

Related Posts