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.

icones das redes sociais
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.
Related Posts with Thumbnails
Links para divulgar blog no Twitter, Facebook, Orkut, Google Buzz
4/ 5
Oleh

18 Comentários

10 de outubro de 2010 15:13 delete

Adoro aprender dicas para melhorar meu blog. Muito obrigada!

Reply
11 de outubro de 2010 19:29 delete

Gostei muito, da postagem, mas não achei como postar botões individuais, pois gostaria de divulgar o blog somente no facebook e no twitter.
Mas a dica é ótima e facil de ser usada, parabens.

Reply
13 de outubro de 2010 16:29 delete

Obrigada por dividir informações tão legais conosco.

Reply
23 de outubro de 2010 15:11 delete

olha só eu nao consegui colocar os icones qeria q me ajudasse, onde q eu colo o link, e tipo eu nao saqei a parte do coloca todo o outro link dentro do outro pra colocar na direita...

Reply
31 de outubro de 2010 14:38 delete

mais ficou bom demais em nosso blog...valeu...mais uma excelente dica...fuiiiiiiiii

Reply
23 de novembro de 2010 18:23 delete

Olá!! quero melhorar o meu blog, mais tenho dificuldade, fiz esse de curiosa, peço aos meus filhos para me ajudar, mais eles saem fora, agradeço pela ajuda, um dia chego lá.vlw

Reply
13 de janeiro de 2011 09:35 delete

gostei muito deste post so que quando coloco em meu blog ela fica mais pesado mais valeu pelo o mesmo sempre inovando

Reply
rai
8 de março de 2011 13:04 delete

etm como cada botao ser de uma cor diferente?

Reply
8 de março de 2011 21:22 delete

os botões usam uma formação de texto, então veja aqui como editar:
Como Formatar o Texto do Blog

Reply
30 de abril de 2011 10:34 delete

Não Entendi uma coisa...Como eu coloco um HTML dentro de outro???Me Ajuda aí

Reply
30 de abril de 2011 19:02 delete

é como um gadget de html/javascript

Reply
29 de maio de 2011 17:45 delete

meu blog ficou show depois de encontrar esse blog aumentou o numero de visitantes e deu uma repagina no visual mt obrigado

Reply
30 de agosto de 2011 14:40 delete

kra,
vlw mesmo...
eu estava precisando sabe?...
isso ajudou muito.

Reply
19 de novembro de 2011 20:10 delete

O botão do Orkut era muito pesado. Ai eu troquei ele por esse e coloquei a imagem do original

Reply
17 de fevereiro de 2012 20:58 delete

Valeu ajuda muito agora só pressiso colocar a minha foto no meu Site...Entra Galera muito legal...http://djrovean.blogspot.com/

Reply