A divulgação em redes sociais como o Facebook, Twitter e Google Mais podem ajudar a aumentar consideravelmente o número de visitantes em nossos sites e blogs, em especial os votos no Google +1 que é utilizado pelo Google como uma forma de mostrar links mais relevantes para os amigos ao qual os usuários fazem parte, nos resultados das buscas.
Mas é claro que sozinhos não “temos a força“, necessitando da ajuda dos visitantes para uma divulgação mais ampla. Por isso é muito importante oferecer uma forma simples e prática de permitir que os visitantes votem e/ou divulguem seus artigos nas redes sociais e uma dessas formas é com a barra deslizante que aparece ao lado do conteúdo como pode ser visto aqui mesmo no CriarSites.com
Existe um serviço que oferece uma barra como essa chamado de Share Sidebar, mas tem o problema de que adiciona uma pequena imagem no rodapé com um link apontando para o site e também somente alinha a barra em um dos dois extremos da página.
Felizmente o Fabio Destro do blog Internovinet começou a trabalhar em uma barra (é a mesma barra que aparece aqui no CriarSites.com, do qual eu fui um dos testadores) que não exibe nenhum tipo de propaganda e que também fica alinhada junto ao conteúdo, facilitando a visualização por parte dos visitantes e aumentando o número de votos e compartilhamento.
Se você também gostaria de adicionar uma barra dessas em seu site ou blog, visite a página da barra deslizante publicada no Internovinet para pegar o código e conferir um tutorial que mostra como configurar a barra no WordPress, Blogger e em outros tipos de sites.
Em troca o Fabio Destro somente pede para quem puder, que adicione um dos banners, escreva um artigo falando sobre a barra ou simplesmente aponte um link para seu site.
Gostou deste artigo? Então deixe um comentário e/ou divulgue nas redes sociais.
Você também poderá gostar de...
Melhore sua divulgação no Facebook com o Meus Top Seguidores
3 Dicas para Aumentar as visitas de seu blog
Saiba como compartilhar o conteúdo de seu blog automaticamente nas redes sociais
Use as redes sociais a favor do seu site
Adicione Botões de Redes Sociais Deslizantes em seu Site ou Blog
Como aproveitar melhor as redes sociais para atrair visitantes
12 Dicas Sobre Como Divulgar seu Blog na Internet
Brasil eBooks – Consultoria Gratuita
Escrito por Celso Lemes
Celso Lemes é Blogueiro profissional. Vivo de blogs, blogo para viver, vivo blogando, blogando eu vou vivendo.
{ 1 trackback }
{ 51 comentários… leia abaixo ou deixe o seu }
num funcionou no weebly. buaaa
e ainda perdi a share que estava instalada (Sharesidebar, pq so copiei metade do codigo pra salvar e nem vi…
Celsoo… consegui…
e so ir no editor de html, e colocar o codigo no footer…
Rodrigo,
Que bom que você conseguiu.
Abraço!
Legal!
Mas para quem usa o WordPress, tem o plugin Sharebar, que faz tudo bem automotizado e não inclui, nem exige, link algum.
Thiago,
Este plugin parece interessante, vou testar.
Quanto a barra citada neste artigo, repare que ele não obriga ninguém a adicionar um link. Ele apenas pede, o que é bem diferente.
Abraço!
Eu utilizo o Box Flutuante que o Claudio do Ferramentas Blog fez e é muito bom também.
Boas Celso,
Posso saber como criou o seu menu aqui no CS?
Cumprimentos.
Daniel
Daniel,
Você se refere ao menu que aparece lá no topo do site? Se for, eu pedi para um designer criar para mim.
Abraço!
Ola celso preciso falar contigo como entro em contato com voce por e mail? obrigado
Flademir,
Pode ser pelo formulário.
Abraço!
Olá Celso, coloquei uma barra parecida com esta em meu blog e deu uma imagem show de bola! Além de aumentar a interatividade com meus visitantes e as possibilidades de divulgar meu blog!
Dinheiro a Ganhar,
O problema do Share Sidebar é que ele fica alinhado nos extremos da página e caso a tela do visitante seja muito pequena, a barra sobrepõe o conteúdo. É o que está acontecendo com o seu blog.
Abraço!
Gostei mais dessa barra do Fabio do que a da ShareSidebar.
Olá Celso;
A barra deslizante é muito boa, porém…
Estive observando que em monitores com resolução 1024×768 ou menores, a barra simplesmente fica “Oculta”.
Só percebi poque fui formatar um computador aqui e ao entrar no criarsites notei que a barra estava oculta e só aparece utilizando CTRL+scrool do mouse para menos.
Mas além de ser muito bonita a barra, ela também é bem leve parabéns ao Fabio Destro !
Miller,
Tem esse problema, mas no geral eu acho que ela trás melhores resultados do que botões fixos no template.
Abraço!
Celso, primeiramente gostaria de lhe agradecer pela ajuda e pela divulgação da sidebar.
Leitores e utilizados das barras: Muito obrigado pelas critas construtivas e pelos elogios.
Abraços!
PS.: Celso a sidebar que você está utilizando é a velha, pois possui o Google Buzz…!
Fabio,
A barra ficou muito legal. Parabéns.
Vou trocar o código lá.
Abraço!
Vou fazer uso também! Funciona em sites criados no dreamweaver?
Olá “Divulgar sites”, créio que funciona sim! O código que você deve utilizar é outros!
OBS.: Tenha quase certeza que irá funcionar…!
Abraços!
Celso, tem como vc mim tirar uma duvida? Eu exibo publicidade do Lomadee no meu blog será que isto empede que eu crie uma conta no Google Adsense?
Yure,
Não tem problema nenhum. O que você não pode é exibir outras propagandas que sejam muito parecidas com os do Google Adsense.
Abraço!
oi celso eu conseguir colocar o “Sidebar Deslizante com Botões de Redes Sociais” no meu site que usa a plataforma bloger “http://www.radioelos.net” ou http://radioelos.blogspot.com porem eu nao sei o local que adiciona no rodape de um site comum quando eu tentei add no meu site
comum os botoes google +1 curtir do facebook e twiter apareceram dentro da caixinha do new lester flutuante como faço pra ajeitar? qual o local certo pra mim add no meu site sem ser o blogspot e o word ekispres me da um exmplo do codigo que devo colocar logo abaixo no rodape eu nao sei qual é esse codigo do rodape para adicionar. obrigado pela dica e abraço!
Muito bom! Mas para quem usa o Webnode como criador de sites, ja existe um widget altomatico, que podemos escolher as redes sociais que serão colocados, mas isso só aparece na nova versão do webnode, que é bem melhor que a antiga. Espero ter informado mais uma dica que talvez nao saiba.
Valeu Celso.
Israel,
Eu já tinha visto esses botões lá, mas não dei a devida atenção. Vou verificar isso. Obrigado.
Abraço!
Gostei dessa barra na sidebar, ainda mais utilizando o Google +1, é uma ajuda e tanto na hora de rankear os sites!!! Sensacional, parabéns pelo artigo, vou tentar utilizar essa barra!
Antes eu usava a ShareSidebar, mas prefiro essa.
Parabéns Celso!!!
Olá! Eu sou lorena e gostaria de saber como faço para criar essa barra de ferramentas laranjada no topo do site. Ja procurei em varios lugares mas não achei o que precisava. Pode me explicar?
Lorena,
Essa barra foi criada por um amigo que é designer profissional. Se quiser eu posso colocar você em contato com ele.
Abraço!
Se puder fazer isso por mim .. Eu Agradeço .. priciso muito criar uma barra assim …
Lorena,
Eu já falei com ele. Ele até me disse que te adicionou no MSN. Você usa outro endereço de email para o MSN?
Abraço!
Aceitei 3 convites. Qual o nome dele?
Olá Celso! Quero sim! Obrigada pela atenção! Seu site é ótimo!
hahaha.. eu acheii que essa do criar sites fosse o share sidebar agora eu vi esse artigo no inicio e vi que não eraa kk.. mas enfim vô testar aqui no meu novo blog.
abraço.
Maicon,
Eu mudei há algumas semanas. Ele é melhor que o Share Sidebar.
Abraço!
Ola Celso! Eu estou querendo passar meu site para o wordpress .. Poderia me ajudar a instala-lo no pc?
Lorena,
Isto é um pouco mais complicado do que instalar o WordPress em um servidor de hospedagem. Eu encontrei este tutorial que mostra um passo a passo para instalar o WordPress localmente.
Repare que nem todas as funções do WordPress irão funcionar desta forma. Se quiser testar todas as funções, terá que instalar ele em um servidor apropriado.
Abraço!
Ótimo Post, Me perdoe se tiver, mais gostaria que vocês postassem um tutorial a colocar os botoes do Addthis (ou outro), em baixo de todas as postagens do blog… para que possam compartilhar as postagens… e assim mais fácil para eu postar na minha fãpage no facebook, Obrigado mais Uma vez!
Celso como que você coloco o botão do Twitter escrito “Tweet” e quando passa o mouse no balão fica escrito em Português?
Abraços!!!
Rosiel,
Eu não fiz nada demais. apenas instalei o código fornecido pelo Internovinet.
Abraço!
Ficou muito bom este código.
Parabéns Fabio por disponibilizar gratuitamente.
Essa barra é bem interessante, além de ficar com um design agradável.
Abraço!
Celso e você fez alguma coisa para tirar a borda do lado direito?
Obs.: acho que sua sidebar tem algum problema, o botão “curtir” ta desalinhado.
Abraços!!!
Olá Rosiel,
Um amigo meu deu uma mexida no CSS. Não sei bem o que ele fez.
Eu vi isso, parece que o Facebook andou mexendo no código do botão e aí ficou deste jeito. Vou tentar arrumar.
Abraço!
Celso vi aqui no seu código fonte e achei o que seu amigo fez rsrs, obrigado.
Abraços!!!
Celso, adicionei o código dentro do footer.php no meu novo blog mas não aconteceu nada. Resolvi postar o comentário aqui em vez de no blog do Fabio porque notei que ele demora um pouco mais para responder,
. O que posso fazer?
Obrigado!
Davi
Olá. Bom dia.
Estou com um problema na barra deslizante no meu site.
Eu coloquei e ela apareceu perfeitamente.
Porém, eu coloquei ela do lado direito da tela, grudada com a borda da página (igual ao seu que esta do outro lado), mas quando abro em telas maiores ou menores, ele muda de posição. E no seu isso não acontece.
O que devo fazer para concertar essa falha?
Desde já obrigado.
Olá Celso.
Bom dia.
Já consegui resolver o primeiro problema. Hahahahah…
Porém agora surgiu outro.
Como faço para deixar a barra do lado direito?
Quando coloco margin-right ele não muda.
Tem alguma forma de fazer isso?
Desde já obrigado.
Tiago,
Aí você precisaria aumentar os valores (dos números) até chegar a outra margem do blog. Vá fazendo um teste.
Abraço!
Oi Celso. Você sabe a solução para o meu problema? Obrigado!
Davi,
Você tem que adicionar o código no template. Dependendo de como ele foi feito, pode ser mesmo que não funcione ao adicionar no footer.php. Neste caso tente adicionar como se fosse um widget. Adicione um widget de TEXTO e cole o código dentro dele.
Abraço!
Em meu site funcionou perfeitamente, estava a tempos a procura deste artificio para aumentar as visitas por meio de compartilhamentos, a principio mesmo colocando o código em footer não funcionou corretamente, nem sequer apareceu a caixa, após mudar a posição do fim para o inicio do código funcionou corretamente,parabéns pelo seu site por ter divulgado, e parabéns a ele por ter criado este excelente código