sexta-feira, 12 de agosto de 2011

Colocando Botão Tumblr no blog

image Atendendo o pedido de um de nossos queridos leitores, vou ensinar como colocar um “Tumblr Button" no seu blog. O botão do tumblr é bem legal e segue o mesmo padrão que as demais redes sociais. O objetivo dele, assim como os outros é promover os artigos contido no seu blog. No site do Tumblr encontramos diversos botões com diferentes tamanhos, inclusive, tem um que é bem semelhante a logo do twitter.

Então vamos ao que realmente interessa!

Antes de tudo, temos que pegar o código do botão, e para isso será necessário entrar no seguinte endereço:

http://www.tumblr.com/docs/en/share_button

Ao entra no site, copie o código que está no Step 1;

Copie o código Agora entre no Editor HTML do seu blog e cole o código antes da tag </body> e salve".

Em seguida volte na página dos botões novamente. Vamos ao Step 2. No Step 2 escolha um botão, e em seguida copie o código que é gerado logo abaixo dos deles.

Escolha o botão e copie o código

Agora volte ao Editor HTML do seu blog. Vou mostrar 3 maneiras onde você pode estar colocando este botão:

1. Colocando como um novo gadget

Para colocar como um novo gadget em seu blog, apenas clique na guia Layout no painel do seu blog, depois clique em ‘Adicionar um gadget’, escolha a opção ‘HTML/Javascript’, cole o código e salve. Depois é só mover para qualquer lugar do seu blog.

2. Colocando no topo das postagens

Para colocar no acima das postagens, apenas acesse o editor HTML do seu blog, marque a caixinha “Expandir modelos de Widgets”  e procure por:

<div class='post-header-line-1'/>

Cole o código abaixo de desta linha e salve.

3. Colocando Abaixo das postagens

Para colocar abaixo das postagens, apenas vá no editor HTML do seu blog e procure pela seguinte linha:

<div class='post-footer-line post-footer-line-3'/>

Agora cole o código abaixo dela e salve.

Ocultando o botão na página inicial

Caso queira que o botão apareça somente nas páginas de postagens, acrescente a seguinte linha antes do código do botão gerado no Step 2:

<b:if cond='data:blog.pageType != "item"'>

E acrescente este outro código no final:

</b:if>

Deverá ficar assim:

<b:if cond='data:blog.pageType != "item"'>
<a href="http://www.tumblr.com/share" title="Share on Tumblr" style="display:inline-block; text-indent:-9999px; overflow:hidden; width:81px; height:20px; background:url('http://platform.tumblr.com/v1/share_1.png') top left no-repeat transparent;">Share on Tumblr</a>
</b:if>

E é isso ai galera, até a próxima e não se esqueça de comentar. Sua opinião é importante para nós.

Marcadores: , , ,

1 Comentários:

Às 22 de fevereiro de 2014 09:18 , Blogger Lei Santos disse...

Parabéns faz tempo que estou querendo acrescentar botões no meu blog valeu amigo coloquei está sua grande aula no meu blog espero que não se importe mais coloquei o seu credito com seu link pois seu blog é muito bom obrigado se desejar retiro a postagem ok é só me avisar.

 

Postar um comentário

Se você gostou deste artigo deixe um comentário!

Duvidas ou sugestões comentem aqui! =D
*Não insultar autor ou leitores da postagens
*Não pedir parceria por comentários
*Não publicar spam ou similar.

Assinar Postar comentários [Atom]

Links para esta postagem:

Criar um link

<< Página inicial