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="https://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="https://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="https://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="https://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="https://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:
- googleplus
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="https://www.seomaster.com.br/bookmark.html" ></a>
