Links para divulgar blog no Twitter, Facebook, Orkut, Google Buzz

Existem muitas formas para fazer a divulgação do seu blog e uma delas é dar opções dos seus visitantes enviarem seus links das postagens do seu blog para redes sociais(veja também: Botão para as redes sociais - AddThis e assim gerar mais visitas. Então hoje vamos mostrar um código simples de usar que permite que seus visitantes divulguem seu qualquer pagina do seu blog para o Orkut, Twitter, Facebook e Google Buzz.


Esse código é muito fácil, pois não precisa de alteração nenhum ele serve para todas as paginas e pode ser utilizado na sidebar ou no canto da pagina. Para colocar no menu do blog (sidebar) entre na pagina designer, adicionar gadget e cole esse código:

<style type="text/css">
.redes a{letter-spacing:1px;color:#FFFFFF;display:block;text-decoration: none;width: 130px;font-family: Verdana, Arial, Helvetica, sans-serif;padding-top: 4px;padding-bottom: 4px;background-color: #6633FF;border:1px solid #0033FF;margin-top: 1px;}
.redes a:hover{color: #000000;background-color: #FF9933;border:1px solid #FFFF00}
</style>
<div class="redes">
<script language="JavaScript" type="text/javascript">
var titulo=(document.title);
var endereco=(location.href)
document.write('<a href="http://button.topsy.com/retweet?nick=fabianoroberto&title='+titulo+'&url='+endereco+'"target="_blank">Twitter</a>')
document.write('<a href="http://promote.orkut.com/preview?nt=orkut.com&tt='+titulo+'&du='+endereco+'"target="_blank">Orkut</a>')
document.write('<a href="http://www.facebook.com/sharer.php?u='+endereco+'&t='+titulo+'"target="_blank">FaceBook</a>')
document.write('<a href="http://www.google.com/buzz/post?url='+endereco+'"target="_blank">Google Buzz</a>')
</script></div>

A parte inicial do código até a linha </style> é a formatação do texto que poderá ver como personalizar as cores e fontes em um destes links:

Como Formatar o Texto do Blog
Como fazer e colocar botões no blog

A parte final do código não precisa de alterações ele identifica automaticamente o titulo e url da pagina atual, como falamos no inicio é possível usar fixo no canto da pagina então coloque todo aquele código dentro deste aqui:

<div style="background-color:#FFFFFF; border-left:1px solid #000000;border-top:1px solid #000000;position:fixed; bottom:0px; right:0px;">codigo dos links aqui </div>

Se tiver duvidas aqui temos mais informações Fixar botões no canto da pagina, além de explicações mais detalhada sobre fixar no canto da pagina você ver no link anterior como fazer isso com imagens ou qualquer outro tipo de código.