15/11/2010

Ganhe Visitas com o Twitter, Facebook e Google Buzz

Alguns de nossos visitantes perguntaram com fazer os links para enviar postagens do blog para o Twitter, Facebook e Google Buzz(veja também:Botão do Facebook, Twitter, Google Buzz no mesmo Gadget) como fazemos atualmente no final de nossos tutoriais usando somente links de texto que parecem botões, então publicamos o código e vamos mostrar como é fácil usar esses links. Assim você também poderá divulgar seu blog e ganhar mais visitas do Facebook, Twitter e Google Buzz.
twitter facebook
Entre na pagina editar html, clique para expandir o modelo e coloque esse código logo após body{...}
.redes a{display: block;padding: 3px;width: 150px;border: 1px solid #FC6;margin-top: 5px;margin-right: auto;margin-bottom: 5px;margin-left: auto;}
.redes a:hover{background-color: #FF6;border: 1px solid #F00;}

Isso é a formatação dos botões se quiser veja aqui Como fazer e colocar botões no blog

Agora procure por post.body e coloque isso logo a seguir
<div class='redes'><strong>Gostou? Então divulgue!
</strong><br/><script src='http://acessoriosparablogs.com.br/gadgets/redes-texto.js' type='text/javascript'></script></div>


Veja uma explicação em nosso outro site onde fizemos uma pagina sobre Links para Twitter, Facebook e Google Buzz.
Related Posts with Thumbnails

23 comentários:

  1. Massa, Gostei, mais uma Vez Aprovado! ;D

    ResponderExcluir
  2. ola fabiano eu gostaria de deixar so os links porem quando deixo so os links eles ficam todos colados um nos outros porem os links estao pegando

    tem como add o orkut nesse codigo?

    ResponderExcluir
  3. não coloquei o orkut, porque nos testes recentes que fiz o link para criar promoção no orkut não funcionou, então vou aguardar um pouco e testar novamente assim que voltar a funcionar colocarei o link do orkut também.

    ResponderExcluir
  4. Este Blog vem sempre com novidades... Parabéns a equipe... só uma dica ou conselho ou observação: ppoderia colocar um link com uma página de exemplo dos códigos apresentados... ou uma representação gráfica. Ok!
    Abraços e Sucessos a todos!!!

    ResponderExcluir
  5. ola fabiano eu tentei fazer a lista d eum modo diferente tentei fazer assim no post.body

    |Google Buzz|

    so que da um erro que e

    XML: Element type "a" must be followed by either attribute specifications, ">" or "/>".

    ate consigui fazer do modo que você ensinou no post porem nao gostaria que fosse em tabela e rsolvi ingnorar a tabela e coloquei no post.data so o codigo mas o noem das redes ficar assim

    Gostou? Então divulgue!
    TwitterFaceBookGoogle Buzz
    Gadget Redes Sociais

    me ajude o que deveria a fazer?

    ResponderExcluir
  6. Rodrigo Santos (R3)
    neste caso estamos usando o código, então não há necessidade de uma pagina para demonstração, mas a idéia é muito boa, nas próximas postagens quando for possível vamos fazer isso.


    † Samuka Armani S†yle †

    na parte da formatação use troque a parte redes a{...} por

    .redes a{
    display: inline-block;
    padding: 3px;
    width: 150px;
    border: 1px solid #FC6;
    margin-top: 5px;
    margin-right: auto;
    margin-bottom: 5px;
    margin-left: auto;
    text-align: center;
    }

    depois ajuste a largura dos botões 150px

    ResponderExcluir
  7. veja se não apagou nenhum caracter por engano no seu html ou não misturou o código com outras divs, if... e outras coisas no html do blogger

    ResponderExcluir
  8. esta buenisimo el blog.
    espero tu bisita por el mio.
    beso uruguayo

    ResponderExcluir
  9. Interessante os temas tratados no blog!

    ResponderExcluir
  10. pq nenhum codgo nao da certo??
    todos ki eu coloco apareçe "O URL contém caracteres inválidos"

    ResponderExcluir
  11. esses códigos são para ser colocados como um gadget de html/javascript

    ResponderExcluir
  12. muito interessante essa publicação. Já fiz as alterações. Agora vou testar. Obrigado.

    ResponderExcluir
  13. eu não consegui acha o body{...}
    porque tem muitos!;(

    ResponderExcluir
  14. mas deve ter um que é somente body{.. sem mais nada fora das chaves.. o conteudo dela(dentro das chaves) pode variar

    ResponderExcluir
  15. Não achei o Post.body
    encontrei somente o body (

    ResponderExcluir
  16. gosto mais do dicas para blog, pois os temas são abordados de forma simple e facil de comprender, estive em uns de seus parceiros e não gostei muito da linguagem adotada, aqui e muito mais facil de entender.

    ResponderExcluir
  17. nao sei o que estou fazendo favor mostrar como esta o blog

    ResponderExcluir
  18. Eae, muito loko o post mas voce diz: Entre na pagina editar html, clique para expandir o modelo e coloque esse código logo após body{...}
    body{...}
    é body o que? eu não sei qual body é, tem mais de 80...
    Vlw!

    ResponderExcluir
  19. é um trecho que tem o body {...

    e as chaves com um conteudo nele, mas esse conteudo que está dentro das chaves varia conforme o template.

    mas deve ser o primeiro que achar e também ele está sozinha ou seja é somente body {

    ResponderExcluir
  20. Quero fazer uma página no Facebook para postar mensagens(foto+texto) de bom dia, boa, tarde, boa noite, pensamentos, agradecimentos e tals, dessas que as pessoas gostam de compartilhar.
    Tem como eu ganhar dinheiro com isso??

    ResponderExcluir
  21. você pode postar essas imagens e texto no seu blog e colocar botões ou link para enviar para o facebook.

    você ganha dinheiro com as visitas no seu blog quando usar anuncios do adsense ou qualquer outro tipo de publicidade.

    ResponderExcluir