Botões Flutuantes de Compartilhamento nas Redes Sociais. Widget Sidebar.

Como já foi dito aqui no blog, adicionar botões de redes sociais é um grande avanço para que deseja divulgar mais seu blog na internet. Com esses botões fica a critério do visitante compartilhar ou não seus artigos pela web, é um grande diferencial para Blogueiros.

Como tudo gira hoje em torno das redes sociais é sempre bom deixar que leitores em potencial faça com que seu blog seja divulgado nas redes toda vez que eles acharem interessante algum artigo lido. Alem de ajudar seu blog, fica a vista para os leitores.

No sidebar widget flutuante, existem 5 botões que são:

“Curtir” (FaceBook)

“+1” (Google Plus)

“Tweet” (Twitter)

“Share” (FaceBook)

“Share” (AddThis)

Você pode instalar esses botão tanto no Blogger quanto no Wordpress ou em outro blog como quiser é só seguir o passo a passo. Bem para começar a instalação é preciso primeiro Baixar o Código do Botão Flutuante Sidebar aqui.

Após baixar o código, terá duas (2) opções a de instalar no Blogger ou no Wordpress, escolha o código de sua Plataforma e siga os passos lá indicados.

Se tiver o mínimo de noção em HTML não terá muitas dificuldades pois é muito simples a sua instalação.

Onde adicionar o código da sidebar flutuante (WordPress e outros):

Para que o widget funcione corretamente é preciso adicioná-lo no lugar certo.

No WordPress. Para que seu widget funcione corretamente você deve adicionar o código dentro do conteúdo do rodapé (footer) de seu site, para fazer isto acesse seu painel wordpress, agora na aba “Apresentação” clique no sub-link “Editor” e agora clique em “Footer” ou “Rodapé”, feito isto procure o conteúdo de seu cabeçalho e então dentro deste adicione o código!

Outros: Em outros gerenciadores de conteúdo também devemos adicionar o código no rodapé do site, procure saber como é possível fazer isto no seu gerenciador de conteúdo!

Onde adicionar o código da sidebar flutuante (Blogger):

Para que a sidebar flutuante funcione corretamente no Blogger, devemos adicioná-la no lugar correto, para fazer isto siga os passos abaixo:

Copie o código já editado

Abra seu painel no Blogger

Clique em “Design”

Clique em “Editar HTML”

Marque a opção “Expandir modelos de widgets“

Pressione o “Ctrl + F” do seu teclado.

Digite no campo que apareceu o código “<data:post.body/>” (sem aspas)

Este código será localizado na tela, agora em baixo dele cole o código do widget

Clique em “Salvar Modelo”

Visualize a sidebar flutuante funcionando corretamente em seu Blog (:D)

Caso tenha alguma dificuldade estarei à disposição. Deixe seu comentário que logo retornarei Ok.

Ate a próxima. 

    Mais artigos interessantes:

• Criar Botões e widgets do Twitter para blog/site Facil.
• Colocando o Sistema de Comentário do Facebook no Blogger
• Caixa Box Feed Flutuante para blog ou site
• Criar Fácil - Caixa de Contato, e-Mail Automático para Blog [Contact Form]
• Paginas Numeradas de Eficiente navegação para blogger [ Como Criar]
• Criar e Adicionar a Caixa de Fãs Like Box do Facebook em blog/site