quinta-feira, 8 de setembro de 2011

Torre fixa de botões de compartilhamento

Ter uma barra de com redes sociais possibilitando o compartilhamento de um artigo é fundamental para divulgar seus posts, ainda mais quando são várias opções para compartilhamento, que é o caso dessa barra .

(Clique aqui para ver uma demonstração)

Visualização da torre de compartilhamento

A torre conta com o sistema do AddThis com algumas modificações e possui 13 opções para compartilhamento fora os que aparecem quando clicamos no botão +. Então que tal colocar uma barra bem divertida em seu blog! A barra é na vertical em forma de uma torre que é fixa na tela para melhor acessibilidade dos usuários. Gostou? Então prossiga os passos abaixo.

1. Acesse o painel principal do seu blog;

2. Procure por:

<div id='content-wrapper'>

3. Abaixo dessa linha cole seguinte código:

<div style="position: fixed;
text-align: center;
margin-left: -114px;
padding: 12px;
height: 100%;
width: 36px;
border-radius: 22px;
-moz-box-shadow: 5px 6px 12px #dcdcdc;
-webkit-box-shadow: 5px 6px 12px #dcdcdc;
box-shadow: 5px 6px 12px #dcdcdc;
">
<!-- AddThis Button BEGIN -->
<div class="addthis_toolbox addthis_default_style addthis_32x32_style">
<a class="addthis_button_preferred_1"></a>
<a class="addthis_button_preferred_2"></a>
<a class="addthis_button_preferred_3"></a>
<a class="addthis_button_preferred_4"></a>
<a class="addthis_button_preferred_5"></a>
<a class="addthis_button_preferred_6"></a>
<a class="addthis_button_preferred_7"></a>
<a class="addthis_button_preferred_8"></a>
<a class="addthis_button_preferred_9"></a>
<a class="addthis_button_preferred_10"></a>
<a class="addthis_button_preferred_11"></a>
<a class="addthis_button_preferred_12"></a>
<a class="addthis_button_preferred_13"></a>
<a class="addthis_button_compact"></a>
</div>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4e69021503b178cd"></script>
<!-- AddThis Button END -->
</div>

4. Agora salve e deixe seus visitantes desfrutar da nova funcionalidade que seu blog oferece! ;D

Marcadores: , , , ,