CupCake Fake: Colocar botão Retweet no blog

segunda-feira, 10 de dezembro de 2012

Colocar botão Retweet no blog

04:52 |

Publicada por slá |

Editar mensagem

Com ele você permitirá que as pessoas retweetem as sua postagens, ou seja, quando elas clicarem no botão, o seu post será divulgado no twitter de quem clicar.

Ou até mesmo você poderá utilizá-lo para divulgar seus posts em seu twitter.
E o melhor, é que você pode escolher a cor que mais combina com o seu blog para usar, pois ele possui mais de uma opção de cores!
Os modelos são os seguintes:

Para usá-los você acessa o painel do Blogger e clique em Layout (Design) -> Editar HTML -> Marque a opção Expandir Modelos De Widgets.

Para colocar alinhado a direita do primeiro parágrafo (como aqui no Blog)

Pressione as teclas ctrl+F e digite na caixinha que aparecerá no canto direito da tela o seguinte código:

e cole logo abaixo o código do botão a seguir:

var topsy_nick = 'alinestarblog';

var topsy_style = 'big';

var topsy_theme = 'blue';

var topsy_url = '<data:post.url/>';

var topsy_title = '<data:post.title/>';

</script>

*Agora você deve alterar o texto em rosa onde está o nome do meu twitter pelo do seu.
*Na parte que está em azul, onde diz blue você colocará o nome da cor que quer usar.
Os nomes estão na imagem acima, cada cor tem seu nome referente. Por exemplo, se quer continuar usando o botão azul, não precisa alterar nada, deixe com o nome blue.
Mas se quiser usar o rosa, por exemplo, deverá trocar o nome blue por hot-pink.
*Se quiser que o botão fique no canto esquerdo da página, deverá substituir rightpor left.
*Se você quiser que o botão fique compacto, troque o nome big por small. O botão compacto ficará como mostra a imagem abaixo:

Para colocar na linha do Rodapé (Depois da Postagem)

Pressione as teclas ctrl+F e digite na caixinha que aparecerá no canto direito da tela o seguinte código:

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

Dependendo o modelo do seu template, o código poderá ser assim:

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

ou assim: