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.
Gostei do post
ResponderExcluirAdoro aprender dicas para melhorar meu blog. Muito obrigada!
ResponderExcluirMuito prático e funcional...Adorei!
ResponderExcluirGostei muito, da postagem, mas não achei como postar botões individuais, pois gostaria de divulgar o blog somente no facebook e no twitter.
ResponderExcluirMas a dica é ótima e facil de ser usada, parabens.
Obrigada por dividir informações tão legais conosco.
ResponderExcluirseu blog é simplesmente um luxo
ResponderExcluirolha 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...
ResponderExcluirmais ficou bom demais em nosso blog...valeu...mais uma excelente dica...fuiiiiiiiii
ResponderExcluirOlá!! 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
ResponderExcluirgostei muito deste post so que quando coloco em meu blog ela fica mais pesado mais valeu pelo o mesmo sempre inovando
ResponderExcluiretm como cada botao ser de uma cor diferente?
ResponderExcluiros botões usam uma formação de texto, então veja aqui como editar:
ResponderExcluirComo Formatar o Texto do Blog
Não Entendi uma coisa...Como eu coloco um HTML dentro de outro???Me Ajuda aí
ResponderExcluiré como um gadget de html/javascript
ResponderExcluirmeu blog ficou show depois de encontrar esse blog aumentou o numero de visitantes e deu uma repagina no visual mt obrigado
ResponderExcluirkra,
ResponderExcluirvlw mesmo...
eu estava precisando sabe?...
isso ajudou muito.
O botão do Orkut era muito pesado. Ai eu troquei ele por esse e coloquei a imagem do original
ResponderExcluirValeu ajuda muito agora só pressiso colocar a minha foto no meu Site...Entra Galera muito legal...http://djrovean.blogspot.com/
ResponderExcluir