Neste post vou mostrar como adicionar os os botões de partilha no Twitter e no Facebook. É fácil. O aspecto final será algo como na imagem seguinte, em que os botões aparecerão do lado direito do título do post:
Siga então os passos seguintes:
- Antes de mais, faça uma cópia de segurança da sua template. Muito importante! Permitir-lhe-á desfazer algum erro caso se engane. Veja aqui como: Fazer cópia de segurança da template
- Depois terá de modificar a template. A melhor forma de o fazer será fazendo uma cópia do ficheiro descarregado e depois editando a cópia com o Bloco de Notas do Windows (Notepad) ou, ainda melhor, usando o excelente Notepad++ (freeware).
- Na template, procure este pedaço de texto:
]]></b:skin>
e imediatamente por cima abra uma linha em branco e cole o seguinte texto:.retweet { /* estilo da div de partilha */
float:right;
padding: 5px 0px 0px 5px;
}Isto cria um estilo CSS para posicionar os botões de partilha.
- De seguida, procure o seguinte pedaço de texto
<div class='post'>
nota: se não encontrar o pedaço de texto anterior, procure algo parecido. O importante é que comece por <div e contenha class='post'
e imediatamente a seguir abra uma linha em branco e cole o seguinte texto:<!—SHARE begin -->
<div class='retweet'>
<!-- FACEBOOK share –>
<a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='button_count'/>
<script type="text/javascript" src="http://static.ak.fbcdn.net/connect.php/js/FB.Share"/>
<br /><br /><!-- TWEETER share -->
<script type='text/javascript'>
tweetmeme_style = 'compact';
tweetmeme_url = '<data:post.url/>';
tweetmeme_source = TwitterUserName;
</script>
<script src='http://tweetmeme.com/i/scripts/button.js' type='text/javascript'/>
</div>
<!-- SHARE end --> - Altere o texto vermelho em cima para ser o seu utilizador twitter.
- Grave o ficheiro. Vá ao blogger e carregue a nova template. Para isso, vá a Esquema – Editar HTML, clique em "Choose File" (ou o correspondente em português), seleccione o ficheiro que gravou e clique em carregar.
A template será automaticamente carregada. - Veja o resultado. Se houver algum erro, reponha a template anterior (veja aqui como: Fazer cópia de segurança da template) e analise em detalhe se fez as alterações indicadas.
E é isto, está feito. Boas blogagens.
0 comments