Gerenciamento > Design > Elementos da Página > Adicionar um gadget > HTML/Javacript.
<div id="jquery-sharing"></div>
2) Acrescente as linhas de código antes do </head>:
Gerenciamento > Design > Editar HTML
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'/><script src='https://sites.google.com/site/paulocheque/jquery.sharing.js' type='text/javascript'/><script type='text/javascript'>$(document).ready(function() { $('#jquery-sharing').Sharing({ text: '',links:'orkut,facebook,twitter,delicious,googlebookmarks,linkedin,yahoo,live,digg', image_dir: 'https://sites.google.com/site/paulocheque/', title: 'Descrição do seu blog', });});</script>
3) Para customizar o layout:Gerenciamento > Design > Designer de Modelo > Avançado > Adicionar CSS:
#jquery-sharing a { padding-right: 2px; }
#jquery-sharing img { width: 16px; height: 16px; }
4) Assim já deve funcionar legal, mas dai você pode mudar os servidores dos arquivos js e das imagens. Também pode adicionar e remover as redes sociais que desejar, mas dai é recomendável ver a documentação do JQuery-Sharing.
No comments:
Post a Comment