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

Link desta Pagina

Compartilhe essa Página

18 comentários:

  1. Adoro aprender dicas para melhorar meu blog. Muito obrigada!

    ResponderExcluir
  2. 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.

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

    ResponderExcluir
  4. 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...

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

    ResponderExcluir
  6. 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

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

    ResponderExcluir
  8. etm como cada botao ser de uma cor diferente?

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

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

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

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

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

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

    ResponderExcluir