Dicas, truques, tutoriais, reviews, promoções e informação

domingo, 31 de outubro de 2010

AddThis: Botões de compartilhamento na sidebar do seu blog

O AddThis é uma plataforma de compartilhamento para redes sociais. Com ele você pode inserir facilmente em seu blog, botões para o compartilhamento de seus textos e tudo mais. É possível inserir os botões tanto no começo ou no final dos textos, na homepage, em páginas indivuais e/ou na sidebar (barra lateral, como o do nosso site aqui à direita) do blog, sem muito trabalho.

Colocar AddThis na sidebar do Blogger


  • Acesse a galeria do AddThis e clique sobre o gadget de sua preferência.
  • Na outra página, um código HTML e um javascript estarão disponíveis para você. Mantenha esta página aberta.

O código HTML faz com que os botões apareçam
O código Javascript faz com que ao clicar em um dos botões, o usuário seja redirecionado para a página da rede social clicada.

add this galeria

  • Copie apenas o primeiro código HTML.
  • Acesse o seu blog, e clique em Design.
  • Clique no botão Adicionar um Gagdet.
  • Na lista, procure e selecione o item HTML/JavaScript.

html-javascript-blogger

  • Em Título coloque o nome que desejar.
  • Em Conteúdo insira o código HTML da página do AddThis que você copiou.

add-this-blogger

  • Logo após a última tag </div>, insira o código javascript da página do AddThis. Ficando assim:

add-this-sidebar-barra-lateral

  • Clique em Salvar e visualize o blog.

Escolhendo os botões


Você pode escolher entre vários botões, como o do Twitter, Facebook, Google Buzz, Delicious, MySpace e etc, qual deles prefere inserir.

Para isto, basta realizar uma pequena e simples alteração no código HTML do AddThis. Portanto, volte ao código que acabou de inserir.

Observe que a parte HTML dos botões é esta abaixo:

<a class="addthis_button_REDESOCIAL"></a>

O que você deve fazer é, logo após o nome "button_", inserir o nome da rede social que você desejar. Por exemplo:

<a class="addthis_button_facebook"></a>

E assim por diante.

O nome da rede social deve estar sempre junto. Assim:

myspace
googlebuzz
delicious
... e etc

0 comments:

Postar um comentário