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.
Nenhum comentário:
Postar um comentário