O Blog que te ajuda todas as horas. Dicas para Android, Documentos, Facebook e Internet em geral.

28 de out. de 2011

Share Sidebar – barra flutuante com botões de compartilhamento para blogs,Blogger e Wordpress


A melhor forma de divulgarmos nosso conteúdo com eficiência é instalando botões de compartilhamento de redes sociais. Existem muitas ferramentas para blogs cuja função é instalar vários botões ao mesmo tempo. Algumas até tem certas funções mais interessantes do que outras. É o caso do Share Sidebar, que é uma barra com botões para compartilhamento que desliza na tela conforme o usuário rola o conteúdo para baixo ou para cima. Isso é útil porque deixa o leitor mais atento e o convida a compartilhar o seu conteúdo.




O Sharesidebar é o utlizado pelo Updatekx.com
Redes_Sociais
Sharesidebar.com é um serviço na web que disponibiliza a barra flutuante para a instalação em sites e blogs. Você pode escolher os botões que desejar colocar no seu blog e ainda pode escolher de que lado a barra vai ficar no layout, se no lado direito ou lado esquerdo.

Configurando e instalando o Share Sidebar no blog

Primeiramente, entre o site do Sharesidebar. Logo de início você já vai pode configurar a sua barra flutuante escolhendo quais botões quer colocar. Veja a imagem abaixo.



A barra que você está vendo na imagem à direita é a barra que você vai instalar no seu blog. O primeiro ítem de configuração é justamente esse. Para colocar a barra no lado direito (como na imagem) escolha a opção Right e para colocar no lado esquerdo, escolha Left.

Um conselho: Não coloque a barra no lado em que o seu conteúdo estiver, pois isso atrapalha a leitura do mesmo.

Logo abaixo, temos as opções dos botões que iremos colocar no blog. São elas:

Facebook Like (curtir)
Facebook Share (recomendar ou enviar)
Google + (Plus One)
Twitter (o botão de enviar o link)
Delicious
Stumbleupon
Linkedin
Google Buzz
Reddit
Digg


Depois de ecolher os botões, você deve inserir o seu e-mail e a URL do seu blog e clicar emGET THE CODE.

Na página seguinte, você pode copiar o código gerado e colocar no seu blog.



Instalando no Blogger


No Blogger, a melhor maneira de instalar o código do Share Sidebar é colocando na Gadget HTML/Javascript. Embora o site recomende colocar antes da tag </body> no código fonte do blog, eu não consegui fazer com que o mesmo fosse aceito no meu template. Não sei se isso aconteceria com todos mas, vou recomendar que se coloque na gadget HTML/Javascript mesmo.

Se for no painel antigo,entre na guia Design – > Elementos da página, clique em Adicionar um Gadget no layout,escolha HTML/Javascript,cole o código e salve.

Se for no novo painel, vá em Layout e adicione o código na gadget exatamente como no exemplo anterior.



Instalando no Wordpress


Eu também experimentei a barra do Sharesidebar no Wordpress colocando antes da tag </body> e neste caso não deu o mesmo erro que deu no Blogger. Mas, no Wordpress também é possível colocar o código pela gadget de texto/HTML do template.

Instalando no código


Vá no menu Aparência e escolha a opção Editor.

painel wordpress editor 

No editor do template escolha o arquivo rodapé (footer.php) e cole o código logo ANTES da tag </body>.




Então clique em Atualizar Arquivo e pronto.

Instalar pelo widget 


Na guia aparência, escolha a opção WIDGETS, arraste a gadget Texto para a barra lateral, inclua o código HTML do Share Sidebar no campo de texto e Salve as alterações.




E, pronto. O Share Sidebar foi instalado com éxito no seu blog do Blogger ou do Wordpress.

Se você gostou deste artigo não deixe de compartilhar. E se tiver alguma dúvida ou quiser deixar suas impressões sobre esta ferramenta, não deixe de comentar.

0 comentários:

Postar um comentário