Quem não curte um ícone de compartilhar página que seja 'chique'?! Sempre babei pelos ícones "Sexy Bookmarks", o mesmo sempre foi desenvolvido para Wordpress, há uma opção para blogger, mas não é possível alterar nada! Então navegando pelo blog CarlinhosExplica acabei encontrando um código que realmente funciona! Sendo que aqui no blog tive umas "incompatibilidades" no java/script mas o Carlinhos como um grande amigo me ajudou e resolveu a bronca! rsrsrs E depois de sua ajuda acabei indo investigar como aplicar o código sem que haja problema de compatibilidade... A solução: CSS... E o código você terá no próprio site da Shareaholic!
Agora vamos ao tutorial:
1. Acesse o site: https://www.shareaholic.com
2. Clique em "Shareaholic for your site"
3. Em "Sharing buttons" clique em "Learn more"
4. Em "sexy bookmarks" clique em "next"
5. Clique em "Website"
6. Agora selecione e organize os ícones que você quer... Arrastando o ícone para o quadro de cima, você o adiciona, e vice-e-versa.
7. Mais abaixo há o link "Advanced options" onde você realiza as configurações do twitter (caso o tenha adicionado) e cor do texto.
8. Agora clique em "Get Buttons"
9. Clique em "Get Media Resources" e permaneça com a página aberta.
10. O arquivo ".zip" baixado contém dois arquivos: "sprite.css" e "sprite.png"... Abra o arquivo ".css" , o mesmo deve abrir em um 'bloco de notas'. A imagem pode ser desconsiderada.
12. Copie o código do arquivo "sprite.css" e cole no html do seu blog antes de ]]></b:skin>
13. Agora volte à página do Shareaholic, copie o código e cole depois de <div class='post-footer'>
ou onde for sua preferência.
14. No código onde você acabou de colar, substitua o seguinte termo
{Place_Path_Here}
por
http://www.shareaholic.com/media/css/styles/sb
<b:if cond='data:blog.pageType == "item"'>
CÓDIGO HTML SHAREAHOLIC
</b:if>
0 comentários: