Soboo - Social Bookmarking

Customização do SoBoo

Orientação do botão:

O botão pode ser exibido em uma linha horizontal ou vertical alterando-se o parâmetro ‘data-orientation’:

  • horizontal
  • vertical
<a class="soboo soboo-simple" data-hover="counter" data-model="square" data-orientation="horizontal" data-services="digg domelhor twitter facebook pinterest tumblr favoritos email google dihitt mais linkedin googleplus" data-userid="13421" href="http://www.seomaster.com.br/bookmark.html"></a>

Modelo do Botão:

O modelo do Soboo pode ser alterado através da class do html de seu botão, as possíveis classes são:

  • soboo-simple
  • soboo-marker
  • soboo-contador
<a class="soboo soboo-simple minhaclass" data-hover="counter" data-model="square" data-orientation="horizontal" data-services="digg domelhor twitter facebook pinterest tumblr favoritos email google dihitt mais linkedin googleplus" data-userid="13421" href="http://www.seomaster.com.br/bookmark.html"></a>

Atenção: Para o correto funcionamento deixe ‘soboo’, separado por espaço, também na class. Você pode ainda colocar outras classes específicas de seu site para ter o comportamento desejado.

Modelo dos ícones:

O modelo dos ícones principais (grandes) pode ser alterado através do parâmetro ‘data-model’ no html do seu botão. Os seguintes modelos podem ser selecionados:

  • square
  • square-green
  • circle
  • circle-green
  • chart
  • two-colors
<a class="soboo soboo-simple" data-hover="counter" data-model="square" data-orientation="horizontal" data-services="digg domelhor twitter facebook pinterest tumblr favoritos email google dihitt mais linkedin googleplus" data-userid="13421" href="http://www.seomaster.com.br/bookmark.html"></a>

Sobrescrever a URL:

Por padrão, será usada a URL da página onde o botão estiver. Se desejar sobrescrever essa URL, deverá fazê-lo utilizando a variável data-url.

<a class="soboo soboo-simple" data-hover="counter" data-model="square" data-orientation="horizontal" data-services="digg domelhor twitter facebook pinterest tumblr favoritos email google dihitt mais linkedin googleplus" data-userid="13421" href="http://www.seomaster.com.br/bookmark.html" data-url="www.google.com" ></a>

Sobrescrever o TITLE:

Por padrão, será usado o título da página onde o botão estiver. Se desejar sobrescrever esse TITLE, deverá fazê-lo utilizando a variável data-title. Exemplo:

<a class="soboo soboo-simple" data-hover="counter" data-model="square" data-orientation="horizontal" data-services="digg domelhor twitter facebook pinterest tumblr favoritos email google dihitt mais linkedin googleplus" data-userid="13421" href="http://www.seomaster.com.br/bookmark.html" data-title="Novo Soboo!" ></a>

Configurar quais redes sociais aparecerão no botão:

O parâmetro ‘data-services’, que já vem configurado, pode ser alterado. Inicialmente ele apresenta todas as redes sociais disponíveis para o Soboo, sendo que os icones principais e em destaque são:

  • facebook
  • twitter
  • googleplus
  • linkedin

Os demais serviços serão exibidos no ícone de mais serviços. O parâmetro ‘data-services’ permite remover serviços indesejados e adicionar redes sociais quando forem disponiblizadas pela SEO Master sem precisar pegar o botão no site novamente.

Para alterar a ordem basta reordenar os valores deste parâmetro conforme apresentado abaixo:

<a class="soboo soboo-simple" data-hover="counter" data-model="square" data-orientation="horizontal" data-services="googleplus digg domelhor twitter facebook pinterest tumblr favoritos email google dihitt mais linkedin" data-userid="13421" href="http://www.seomaster.com.br/bookmark.html" ></a>
SP São Paulo (11) 2640-7284 Rua Manuel da Nóbrega, 456 conj. 65 - Paraíso - São Paulo - SP
RJ Rio de Janeiro (21) 4126-1965 Tv. Domingos Candido Peixoto, 501 / casa 1 - Icaraí - Niterói - RJ