quarta-feira, 1 de setembro de 2010

Adicionando Blogger/Gadget de sharing

1) Adicione um Gadget padrão HTML/Javacript:

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