segunda-feira, 21 de dezembro de 2009

Promova os seus posts no Orkut: botões de compartilhamento


O Promova do Orkut é um aplicativo onde você pode compartilhar os links interessantes do seu blog para uma grande audiência, e de graça! Abaixo, disponibilizo dois tutoriais, um com javascript(baseado na API do Orkut> e outro sem javascript, para aqueles que preferem não carregar demais os seus blogs com muitos códigos.

Esses tutoriais foram feitos pelo Divya Sai, do Bloggerstop, portanto divirtam-se, mas antes de tudo, faça um backup do seu template em ambos os casos, caso algo dê errado:

Botão para compartilhamento do Orkut com javascript:

1º passo:

Entre no Blogger, vá em Layout -> Editar HTML e clique em "Expandir modelos de widgets"

2º passo:
Encontre este código no template:

</head>

E imediatamente acima/antes dele, cole este código:

<!--ORKUT-STARTS-->
    <script src='http://www.google.com/jsapi' type='text/javascript'/>
    <script type='text/javascript'>
    google.load('orkut.share', '1');
    google.setOnLoadCallback(function() {
    var params = {};
    params[google.orkut.share.Field.TITLE] = '<data:blog.pageName/>';
    params[google.orkut.share.Field.DESTINATION_URL] = '<data:blog.url/>';
    var connection = new google.orkut.share.Connection(params);
    document.getElementById('orkut-share').onclick =
    function(e) { connection.send('orkut.com', {}); };
    }, true);
    </script>
    <!--ORKUT-STOPS-Blogger-Help-http://bloggerstop.net-->

Agora procure esse outro código em seu template:

<div class='post-header-line-1'/>

E imediatamente Abaixo/Após ele, cole este código:

<b:if cond='data:blog.pageType == "item"'>
    <span id="orkut-share" style="cursor:pointer; border:1px solid black">
    <img src="http://code.google.com/apis/orkut/docs/images/share.gif"/>
    </span>
    </b:if>

Obs: No meu blog, eu coloquei o código abaixo dessa linha:

<div class='post-header-line-3'/>

Post original do Bloggerstop - Add Orkut Share Button To Your Blog - Promote Your Posts On Orkut For Free!

Botão para compartilhamento no Orkut sem javascript:

1º passo:
Entre no Blogger, vá em Layout -> Editar HTML
Procure (CTRL+F) este código no template

<div class='post-header-line-1'/>

2º passo

Imediatamente abaixo/após ele, cole esse código

<!--ORKUT-SHARE-STARTS--><b:if cond='data:blog.pageType == "item"'>
<a expr:href='"http://promote.orkut.com/preview?nt=orkut.com&du=" + data:post.url + "&tt=" + data:post.title' target='_blank'><img src='http://code.google.com/apis/orkut/docs/images/share.gif'/></a></b:if>
<!--ORKUT-SHARE-STOPS-Help-http://bloggerstop.net-->

Obs: No meu blog, eu coloquei o código abaixo dessa linha:

<div class='post-header-line-3'/>
E salve o template.

Nos dois tutoriais, o botão de compartilhamento é esse:




Você pode trocá-lo por outros de seu interesse. Abaixo estão alguns outros exemplos:



DIRECT-LINK: http://i50.tinypic.com/14mz4ac.jpg



DIRECT-LINK: http://i47.tinypic.com/35bba5e.jpg



DIRECT-LINK: http://i47.tinypic.com/2ccmbmo.jpg

No meu blog, eu estou usando essa imagem:



DIRECT-LINK: http://i48.tinypic.com/358z637.jpg

Post original do Bloggerstop - An Easier Non-JavaScript Based Orkut Share Button For BlogSpot Blogs

Abaixo, vocês podem ver dois botões do Orkut em ação. O primeiro, sem javascript, que direciona para uma outra página, como essa:



O segundo, com javascript, abre uma janela pop-up:



Ao aplicar os dois códigos, eu tirei as condicionais b:if porque elas já existiam no meu template, já que como podem ver, eu tenho um widget com vários outros botões de compartilhamento.
Fica ao gosto do freguês a escolha do botão, esse é um tutorial que fiquei nessas últimas semanas tentando aplicar, especialmente aquele sem script. Agradeço ao Divya Sai por ter me ajudado e atendido à um pedido meu.

28 comentários:

  1. Nanuni Kokoritu: Obrigado pela visita. Qualquer dúvida, é só entrar em contato.

    ResponderExcluir
  2. ei camarada no layout do meu blog nunca encontra esse código
    div class='post-header-line-1'
    ou este
    div class='post-header-line-3'
    como add esses códigos corretamente no html dele
    meu email é
    FREITASHAIR@HOTMAIL.COM
    ME DÊ UMA AJUDINHA AI VALEU

    ResponderExcluir
  3. thiago's softs: Eu dei uma olhada no código fonte do seu template e tem essas linhas sim. Ao entrar no EditarHTML, não esqueça de clicar em "Expandir modelo de widgets", fazendo uma procura(control+F) você encontra os códigos.

    ResponderExcluir
  4. Coloquei o codigo no meu blog e não apareceu nada- o que deu errado?

    ResponderExcluir
  5. @LUIZ


    Qual versão você colocou, com ou sem javascript? E um detalhe, o TinyPic ferrou todo mundo com as imagens. Recomendo que você salve as imagens em seu computador e depois salve-as no Picasa, que é do próprio Google.

    ResponderExcluir
  6. no meu também não apareceu nada!
    o que faço?

    ResponderExcluir
  7. @Noturna2000


    Deve ser as imagens. Tente hospedá-las no servidor de su preferência.

    ResponderExcluir
  8. Até agora não consegui fazer com que nenhuma imagem seja exibida... por que o llink abaixo não funciona?

    http://promote.orkut.com/preview?nt=orkut.com&tt=teste título&du=http://promote.orkut.com/preview?nt=orkut.com&tt=Teste título&du=http://code.google.com/intl/pt-BR/apis/orkut/docs/images/share.gif&cn="testando a msg"&cn="testando a msg"

    O link abaixo funciona:
    http://promote.orkut.com/preview?nt=orkut.com&du=http://maiskodak.com.br/&tt=Teste título&cn=Teste msg!

    Se alguém souber, por favor me ajude e mandem email.
    neeryck@gmail.com

    ResponderExcluir
  9. @Dony


    Cara, como você pode ter observado, eu tinha disponibilizado os dois modos no blog e eles funcionavam. Semanas atrás retirei o código com javascript e só deixei o segundo sem porque andei eliminando alguns scripts para acelerar mais o carregamento do blog.

    E realmente não sei onde está o problema que você expôs.

    ResponderExcluir
  10. oi comecei a pouco tempo a utilizar o blog, não sei mecher muito, gostaria de saber se tem um jeito mais fácil de fazer isso. pois já tentei esse e não consegui. quero muito colocar o botão de compartilhamento do orkut em meu blog, vc pode me ajudar???
    obrigada

    ResponderExcluir
  11. @juliana


    São só esses dois métodos, com e sem javascript. Eu prefiro sem javascript por não carregar tanto o blog. Se você seguir o tutorial, tudo vai dar certo, a não ser se o seu template não for nativo do Blogger, aí a coisa complica e você vai precisar de ajuda mais profissional.

    ResponderExcluir
  12. obrigada mais não consegui, vou deixa do jeito que ta. mais brigado mesmo assim.

    ResponderExcluir
  13. @juliana


    Eu vi o seu template e ele é do Blogger, logo ele pode ser inserido sem problemas. Infelizmente agora não posso te ajudar, pois estou no trabalho. Mas posso te ajudar em outro dia. Mande seu email no contato e depois a gente se fala. :)

    ResponderExcluir
  14. anju-bandeira@hotmail.com se puder me ajudar eu agradeço....

    ResponderExcluir
  15. Oi, tudo bem?
    Vou ser bem sincera com vc, não sou totalmente newbie no assunto de blog mas estou bem perdidinha...
    Simplesmente não existe esse código div class='post-header-line-1'/ no meu blog!
    Será que vc não pode me ajudar não?! hehehe
    Obrigadinha!

    ResponderExcluir
  16. Pô, esquece! hehehe
    Achei o tal do botão para expandir modelos do widget, estou meio cega!
    Mas valeu pelo post!

    ResponderExcluir
  17. @juliana


    Estou em final de semestre e cheio de provas para corrigir. Te dou um help em breve.

    ResponderExcluir
  18. @Míriam Carla


    É só dar control + F que você acha o que precisa, já que todo template do blogger tem códigos semelhantes.
    E com o tempo, você pega o jeito! :)

    ResponderExcluir
  19. Estou com problemas... Instalei no meu blog o formato javascript na terça e funcional blz, hoje eu entrei ele simplesmente parou de funcionar.... Já fiz e refiz os passos mais insiste em ão funcionar. Ajuda?

    ResponderExcluir
  20. @Luiz Felipe Alves


    Sou péssimo em javascript. Pode ser que que ele deva ter entrado em conflito com outro script, isso sempre acontece aqui. Tente instalá-lo de novo ou use o sem javascript.

    ResponderExcluir
  21. Já tentei sem o java, dai fica apenas escrito LOADING... mais nunca aparece o botão COMPARTILHAR.... Com o java ele funciona qdo quer....

    ResponderExcluir
  22. @Luiz Felipe Alves


    Leia o meu post mais recente. Agora o blogger tem o botão do Orkut nativo.

    ResponderExcluir
  23. @Luiz Felipe Alves


    Leia o meu post mais recente. Agora o blogger tem o botão do Orkut nativo.

    ResponderExcluir
  24. cara sem viadagem, mas eu te amo!!!
    eu testei varios, o seu foi o unico que funfou. Valeu de verdade, sucesso

    ResponderExcluir

Pessoal, comentem, críticas e elogios serão bem aceitos. E eu respondo, posso demorar mas respondo. Esse velho lobo do mar tarda mas não falha!!!!

Leia antes a minha Política de Comentários.

Se quiser deixar o link de uma postagem sua, utilize o código abaixo trocando o que está escrito em letra maiúscula:

<p><abbr><em><strong>SEU NOME</strong> - último post do blog... <a href="<strong>LINK-DA-POSTAGEM</strong>"><strong>TÍTULO DA POSTAGEM</strong></a></em></abbr><p>

Artigos recentes

Linkem me:

Related Posts with Thumbnails
Google