22 de jan. de 2013

Box: Botões Redes Sociais (Fixo)

Olá galera, o tutorial de hoje ensinará a como inserir botões de compartilhamento do seu blog ou site em redes sociais. Iremos inserir os botões dentro de um box (quadrado) que ficará fixo em sua tela do blog.
Veja uma demonstração em nosso blog de testes:

Demonstração


Muito útil néh? Vamos ao tutorial:
#Primeiro passo: entre em painel > layout > adicionar um gadget > HTML/ JavaScript e adicione o seguinte código:

<div style="background-color: #XXXXXX; border-right:1px solid #XXXXXX;border-top:1px solid #XXXXXX;position:fixed; bottom:0px; left:0px;padding:2px">Gostou? Compartilhe !!!<br/>
<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_compact"></a>
<a class="addthis_counter addthis_bubble_style"></a>
</div>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4e2088636f7cce31"></script></div>
</div>

Salve e visualize.
ALTERAÇÕES NO CÓDIGO
Trecho vermelho: cor de fundo do box;
Trecho azul: cor da borda do box;
Trecho roxo: cor da borda do topo do box;
Trecho amarelo: Texto que aparecerá dentro do box;

 Só isso galera!

4 comentários: