Oi!
Hoje vim compartilhar a ajuda de um feliz blogger que utiliza o botão de retweet do BuzzVolume em seu blog.
Ele fez o botão funcionar direitinho e aqui vai um passo a passo para você também inserir o widget no blogger.
1 - No Painel principal selecione “Configurações” do blog que pretende alterar:
2 - Selecione “Layout” nas abas:
3 - Vá em “Editar HTML”:
4 - Ative (marque) a opção “Expandir modelos de widgets”:
5 - Copie o código do BuzzVolume adaptado para o Blogger onde achar melhor (veja o próximo item). Pode não parecer, mas é simples, acredite :)
Código:
<script type="text/javascript">
buzzvolume_url = '<data:post.url/>';
buzzvolume_title = '<data:post.title/>';
buzzvolume_source = 'SEU_TWITTER';
</script>
<script type="text/javascript" src="http://buzzvolume.com/js/buzzwidget.js"></script>
Código para botão compacto:
<script type="text/javascript">
buzzvolume_url = '<data:post.url/>';
buzzvolume_title = '<data:post.title/>';
buzzvolume_source = 'SEU_TWITTER';
buzzvolume_style= 'compact';
</script>
<script type="text/javascript" src="http://buzzvolume.com/js/buzzwidget.js"></script>
Lembre-se de alterar ‘SEU_TWITTER’ para seu usuário no Twitter assim o retweet vai com seu nome.
6 - Onde inserir o botão (para evitar problemas):
Procure por “<data:post.body/>” e insira o código próximo (antes ou depois) desse texto.
Uma dica para alterar a aparência (alinhamento e margem) do botão é utilizar o código dentro de um bloco como:
Alinhamento a esquerda
<div style="float: left; margin: 0 10px 0 0;"> </div>
Alinhamento a direita
<div style="float: right; margin: 0 0 0 10px;"> </div>
7 - Selecione “Salvar Modelo” e então o botão de retweet deve começar a aparecer em todos seus posts:
Obrigado @vinnyoliveira pelo código,
@buzzvolume
