Botão Retweet ao lado do título


Muito tem se falado do botão Retweet, mais ainda dá pra fazer melhor. Hoje, existem muitos tutoriais de como colocar esses botões, mas alguns ainda estão faltando alguma coisinha de nada.
NÃO ESTOU CRITICANDO OS OUTROS BLOGS, ao contrário estou ajudando a você, leitor e usuário do Blogger.
Antes de começar, gostaria de dizer que achei esses detalhes que estão faltando no post do Ferramentas Blog e do Dicas para Blogs que, ao decorrer do post falarei do que estava faltando de cada um.

Vamos lá então?

Antes de começar faça o backup se seu template.
Va em Layout >Editar HTML >Baixar modelo Completo e salve em um lugar onde você se lembre.

Agora, clique na opção "Expandir modelos Widgets" e procure por


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

Abaixo disso, coloque este código:


<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='float:right;margin-right:10px'>
<script type='text/javascript'>
tweetmeme_source = 'SEU_NOME_TWITTER';
tweetmeme_url = '<data:post.url/>';
</script>
<script type='text/javascript' src='http://tweetmeme.com/i/scripts/button.js'> </script>
</div>
</b:if>

O que está especificado em azul, significa que o botão de retweet irá aparecer somente quando o usuário clicar na postagem.
O que está especificado em verde é o que colocará o botão de retweet fixado no canto superior direito, logo abaixo do título.
Se você quiser que ele fique do lado esquerdo, altere right (especificado em rosa) para left.
No botão vermelho você deve colocar seu username (nome do usuário) no Twitter. Exemplo: @redeseblogger

Pronto pessoal é só isso.

O que mudou dos outros tutoriais do Ferramentas Blog e do Dicas para Blogs foi que:

O Dicas para Blogs não tem o complemento do username
E o do Ferramentas para Blogs não tem o complemento para fixar o botão no canto superior.

Então eu resolvi juntar um pouquinho de cada um.

Mas os créditos vão para o Ferramentas Blog e para o Dicas para Blogs

Seja o primeiro a comentar ;)

Postar um comentário

Visualizações dinâmicas

Arquivo do blog

Estamos aqui também

Copyright© 2010 - 2013 - Redes e Blogger - Todos os direitos reservados.

Redes e Blogger é orgulhosamente desenvolvido com Blogger


Termos de uso | Política de Privacidade | Mapa do blog

Template by Dicas Blogger | Modified by Wilamis Rogério