sexta-feira, 10 de junho de 2011

Botão Twitter no Tumblr

Share on Tumblr
Aprenda a colocar um botão de retweet dentro dos posts no tumblr

1º Passo) Copie o código abaixo                    
                                            
<script src="http://platform.twitter.com/widgets.js" type="text/javascript"></script>

<div>
   <a href="http://twitter.com/share" class="twitter-share-button"
      data-text="{Title}"
      data-url="{permalink}" 
      data-via="seutwitter"
      data-count="horizontal">Tweet</a>
</div>

2º Passo) No lugar de seutwittter coloque o nome do seu twitter. Por exemplo o twitter aqui do blog é http://twitter.com/#!/dicastumblr então, nós colocaríamos dicastumblr no lugar do seutwitter no código.

3º Passo) Depois de mudar o nome do twitter vá no Tumblr >> Customize >> Custom HTML.

Existe duas formas de colocar o botão: Acima do post ou abaixo dele.

Procure por <div class="bottom"></div> se você quiser que o botão apareça no final do post, cole o código imediatamente antes do primeiro <div class="bottom"></div> que aparecer no seu código. 

NOTA: Se não achar o <div class="bottom"></div> no seu HTML procure por {/block:Posts} e cole o código acima dele.

Caso queira que o botão apareça no começo do post procure por
<div class="post"> e cole o código imediatamente abaixo do primeiro

 <div class="post"> que aparecer no seu código.

NOTA: Se não achar o <div class="post"> no seu HTML procure por {block:Posts} e cole o código imediatamente abaixo disso.

4º Passo) Aperte Update Preview, e veja se apareceu ou o botão ou a palavra Tweet (não se preocupe se aparecer isso na página de customização, na página do seu tumblr irá aparecer o botão normal), se apareceu uma dessas duas coisas e esta tudo certo com o seu tumblr, salve e saia, se deu alguma coisa errada cancele.       

                          
5º Passo) Comentar aqui se deu certo.

3 comentários: