Estamos de casa nova!

Visite:

http://www.novonarede.com.br/blog

Como fazer para adicionar um botão de Social Bookmarking ao blog!

Faz tempo que eu vejo um "botãozinho" em alguns blogs e gostaria de escrever a respeito, mas... bom, agora eu vou!

O "botãozinho" em questão é um botão de social bookmarking. Uso um muito parecido no meu outro blog (Linketal.com), mas no caso, ele é um plugin específico para o wordpress(.org) e foi traduzido pelo Sampson Moreira do InovaVOX (clique e conheça). Porém, o botão do qual estou falando aqui, pode ser usado tanto no blogger, quanto no wordpress e até mesmo em um site estático.

E para que serve mesmo o tal botão? Segundo o próprio site responsável pelo serviço (SEO Master):

"É uma forma do internauta mostrar que considerou relevante o conteúdo de um determinado site. Dessa forma, ele adiciona o site em mecanismos de Social Bookmarking, compartilhando o conteúdo da página adicionada com outros internautas."

Resumindo: É uma forma de ajudar os outros a te ajudarem! ;)

Além disso, o botão conta com atalhos para que o leitor possa adicionar seu blog aos favoritos e enviar o post por e-mail.

Funciona mais ou menos assim:

Quando o leitor posiciona o mouse sobre o botão, uma aba é aberta com algumas opções (e-mail, favoritos e serviços que você escolher). Onde, basta clicar no link para realizar a ação (adicionar aos favoritos, enviar o post por e-mail, adicionar o post a um serviço que esteja listado). E ainda existe uma opção (Mais...) que ao clicar sobre ela, uma janela pop-up é aberta com todas as opções que você selecionou. ;)

Como instalar no blogger (blogspot):

01 - Cadastre-se!

Você vai precisar fazer um pequeno cadastro (nada complicado) para poder usar o serviço. Clique aqui para se cadastrar!

Quando você fizer o cadastro, você terá que checar seus e-mails, pois eles mandam um e-mail de confirmação. No e-mail, você encontra o link para voltar ao site!

02 - Escolha o modelo de botão desejado!

Uma vez lá, vá até a página "Ferramentas SEO" e clique em "SoBoo". Você vai cair em uma página com exemplos dos modelos de botões disponíveis:

MODELOS DE BOTÕES

Clique em "Pegue agora o seu botão" e você vai cair na página de modelos e terá a opção de configurar o botão da forma que você quiser. É fácil até demais, portanto, não vou entrar em maiores detalhes (a página tem tudo explicado).

Depois que escolher o botão que quiser e customizá-lo, clique em pegar meu botão. Uma caixa de diálogo será aberta na parte de baixo da página e fornecerá o código do botão criado, além de mostrar como fazer para instalar o botão no blogger (tudo muito fácil). Eu escolhi esse aqui:

BOTÃO ESCOLHIDO

03 - Como fazer com que o botão apareça apenas no post!

No meu caso, resolvi adicionar o botão logo abaixo desse trecho do meu template:

<div class='post-footer'>
<p class='post-footer-line post-footer-line-1'>
<-- Código do botão -->

Este trecho representa o final da página, a última coisa que aparece antes dos comentários na maioria dos blogs.

Uma dica legal aqui é que se você quiser que o botão apareça somente na página do post e não em todo o blog (home, categorias, etc...), basta adicionar o trecho abaixo:

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<-- Código do botão aqui! -->

</b:if>

No meu caso, além de deixar o botão abrindo só na página do post, eu adicionei "Compartilhe:" acima dele. Assim:

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<b>Compartilhe:</b><br/>

Código do botão aqui!

</b:if>

O <br/> quebra a linha e o <b>...</b> é de bold (negrito). :D

Gostou?

Faça bom uso! Aproveite e use o danado do botão. Olha ele aí embaixo!

 

Posts Recentes

Novo na Rede


Pode perguntar que se eu souber respondo sem problemas! A idéia aqui é essa!
Este é um blog voltado para quem está começando, tanto em matéria de blogs, quanto na internet em geral.
Todos são bem-vindos!

Estatísticas do Blog

Top Comentaristas: