quarta-feira, 4 de agosto de 2010

Botão de compartilhamento ShareThis

http://banagale.com/blog/wp-content/uploads/2009/05/sharethis-logo.jpgO que é o ShareThis?

ShareThis é um site que oferece para seu blog, uma partilha onde você pode compartilhar seu post em diversas redes sociais como Facebook, Twitter, e-mail, Digg, e mais de 40 outros.

O ShareThis já é usado em mais de 130.000 sites, e já contem 400 milhões de usuários por mês e a tendência é de cresce cada vez mais!

Sua customização é muito fácil, com botões bem legais.Quer colocar a partilha ShareThis em seu Blog? Sim? =D então vamos lá!


O primeiro passo é personalizar sua partilha.

Na primeira aba, "Button" , clique escolha um botão que melhor te agrade.

http://easycaptures.com/fs/uploaded/415/0075546234.jpg

Na segunda aba, "Header" , Marque uma das opções se quiser uma header.

http://easycaptures.com/fs/uploaded/415/8034346429.jpg

Na terceira aba, "Services" , escolha quais redes deseja colocar na partilha.



http://easycaptures.com/fs/uploaded/415/2112495687.jpg

 Perceba que ao lado direito fica a vizualição da partilha quando modificada.

Personalizado a partilha ao seu gosto, vamos ao segundo passo que é escolher a plataforma, no qual será o Blogger para instalar no seu blog criado no blogger.

http://easycaptures.com/fs/uploaded/415/9363864868.jpg

Agora vamos ao terceiro e último passo, que é gerar o código!.Para isso clique em "Get Share This Code"

http://easycaptures.com/fs/uploaded/415/8092622470.jpg




Depois vai ser redirecionado pra outra página, onde terá que efetuar o cadastro, que é bem rápido.Depois clique em "Create Account"


http://easycaptures.com/fs/uploaded/415/8162309992.jpg
Em seguida será gerado o código, agora só basta instalar no blog! =D.Para isso copie o primeiro código, faça o login no Blogger, vá clique em "Design" - "Editar HTML" e marque a opção "Expandir modelos de widgets", e procure por </head>, cole o PRIMEIRO código ACIMA dessa tag.

Depois copie o segundo código, dai no blogger, procure por <div class='post-footer'> e cole o SEGUNDO código ABAIXO dela.

Depois Salve e pronto!

Marcadores: , ,

1 Comentários:

Às 21 de dezembro de 2012 17:01 , Blogger Velho Ranzinza disse...

Não funcionou.

 

Postar um comentário

Se você gostou deste artigo deixe um comentário!

Duvidas ou sugestões comentem aqui! =D
*Não insultar autor ou leitores da postagens
*Não pedir parceria por comentários
*Não publicar spam ou similar.

Assinar Postar comentários [Atom]

Links para esta postagem:

Criar um link

<< Página inicial