Pesquisar na Web pelo Google

    10/01/2010

    Link de enviar ao Orkut - Promova entre seus amigos do Orkut

    Como sempre trago algumas modificações uteis para seu blog, como o "link que envia diretamente do seu blog para o Twitter", este link enviará o conteúdo da postagem para o Orkut, de maneira fácil e rápida, peço que tenha alguma prática para continuar e dar uma funcionalidade a mais para o blog.

    Após a alteração das mudanças sugeridas neste passo a passo, abaixo de sua postagem, irá aparecer o seguinte:

     
    Envie para seus amigos no Orkut:
    Após clicado no link aparecerá a forma com que o visitante deseja compartilhar no orkut:

    Vá em Painel > Layout > Editar HTML > marque a opção Expandir modelos de widgets.
    Vamos começar inserindo a div e o estilo css e os códigos:

    Localize:

    post-footer-line post-footer-line-1

    ou apenas

    post-footer-line-1

    ou

    post-footer-line-2

    ou

    post-footer-line-3

    Tente localizar do primeiro para o ultimo, apenas um.

    Após localizado a linha perceba que ela está em uma div, tal como:

    <div class='post-footer-line post-footer-line-1'> Daqui em diante coloque o código >>

    Após a abertura da TAG vamos começar a inserir o código.

    Insira o inicio do código que limita a exibição para "somente em postagens", da divisão que iremos inserir:
    <b:if cond='data:blog.pageType == &quot;item&quot;'>Leia mais sobre o controle de exibição de determinados elementos nas páginas do Blogger »
    Insira o resto contendo todo o código:

    <div style='clear: both;'/>
    <script src='http://www.google.com/jsapi' type='text/javascript'/>
    <style>
    #orkut-button {
    margin-top: .15em;
    padding: .5em;
    background-color: #d2e4fc;
    border: solid 1px #4a7fae;
    }
    #orkut-button img {
    border: none;
    float:none;
    }
    </style>
    <script type='text/javascript'>
    google.load(&#39;orkut.share&#39;, &#39;1&#39;);
    google.setOnLoadCallback(function() {
    new google.orkut.share.Button({
    style: google.orkut.share.Button.STYLE_REGULAR,
    /*title: 'Link de enviar ao Orkut',summary: ('Este script cria um link para enviar automaticamente para o Orkut.'),thumbnail: ('http://1.bp.blogspot.com/_5GWoO4Jy-fQ/Sqau4LFgG5I/AAAAAAAAAE0/9lSx3IKPz0o/s1600/indiceblogger22.PNG'),destination: 'http://indiceblogger.blogspot.com'*/
    }).draw('orkut-button','orkut-button2');
    });
    </script>
    <center>
    <div id='orkut-button'>Envie para seus amigos no Orkut:<br/>
    </div>
    </center>
    <div style='display:block; float:right;'><a href='http://indiceblogger.blogspot.com/2010/01/link-de-enviar-ao-orkut.html'><small>Widget by IndiceBlogger »</small></a></div>
    <div style='clear: both;'/>
    </b:if>

    Texto em vermelho bloqueado, pois fica melhor visualizado: O código dos recursos utilizados podem ser conferidos no site da API do Google, clicando aqui.
    Altere da forma que acha melhor o texto exibido, em azul.
    Não retire os créditos.

    Salve e visualize uma postagem. (tem que ser dentro de um post).

    Enquanto a página carrega:

    Envie para seus amigos no Orkut:

    Após o carregamento:

    Envie para seus amigos no Orkut:

     

    Ao carregar sua página perceba que a imagem carrega apenas ao finalizar o carregamento da página inteira, com isso devemos nos preocupar com a paciência (e também internet lenta) do usuário que está louco para clicar no link que não está presente, e, então criei este script que implementa o Link para o Orkut inserindo uma imagem que avisa ao usuário que está havendo um carregamento e logo aparecerá algo (para ele clicar), acompanhe:

    Nas linhas que foram inseridas acima, modifique:

    <div id='orkut-button'>Envie para seus amigos no Orkut:<br/>
    </div>

    altere para:

    <div id='orkut-button'>Envie para seus amigos no Orkut:<br/>
    <span id='aquiork'/>
    <script>loading()</script>
    </div>

    Localize a Tag:

    <head>

    e logo após insira:
    <script type='text/javascript'>
    function loading()
    {
    ork = document.getElementById(&quot;aquiork&quot;)
    ork.innerHTML = &quot;<img alt='Carregando...' class='imagork' src='http://4.bp.blogspot.com/_psfWi9Z8Pf0/S0oFBpIZHTI/AAAAAAAAAjc/bM1RczMxlao/s1600/ajax-loader.png' title='Aguarde o carregamento...'/>&quot;
    }
    window.onload = function(){
    ork.style.display = &quot;none&quot;
    }
    </script>

    Em azul: Link da imagem que será utilizada durante o carregamento. (clique aqui para obter mais imagens de pré-carregamento [via Ajax Load])

    Salve e teste!
    Verifique, a sua página, com esta modificação carregará da seguinte forma:

    Envie para seus amigos no Orkut:


    E, então após a finalização do carregamento da página inteira:

    Envie para seus amigos no Orkut:

    Quer testar? Clica ai em baixo, aproveita e compartilha você também!
    Comenta, e assine nosso feed.
    Confira também a postagem "Link de enviar para o Twitter"

    Outras opções para o mesmo recurso:

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

    Compartilhar seu blog no Orkut – Recurso Promova
    via | [ Ferramentas Blog ]

    Esta postagem ainda será alterada...

    Daniel Ikeda
    Twitter | Facebook | Contato
    Apaixonado pela informática, estudante de tecnologia e grande admirador de linguagens de programação.
    » Daniel Ikeda « já publicou carregando... artigos de sua autoria no Indice Blogger.

    9 comentários:

    Comentários:
    1. eu queria fazer 1 desse so que com os botoes do:

      myspace
      orkut
      e facebook so

      voce poderia fazer um tutorial ensinando a fazer???

      desde ja lhe agradeço

      ResponderExcluir
    2. Rafael Kid Poderia por favor nos dizer o que não conseguiu exatamente, se conseguiu ao menos a metade, ou se não entendeu o que escrevi.

      Goatkvlt Perversor Vou ver o que posso te arrumar, só ficar de olho nas atualizações.

      E, por motivos maiores(faculdade) não estou com tempo hábil para atualizar o blog como o de costume, porém assim que tiver tempo, com certeza estarei criando/melhorando e ajudando mais blogueiros... Espero que entenda.

      "Ninguém nasce sabendo", ou seja, "melhor ser ignorante curioso, do que ser ignorante preguiçoso". » Daniel Ikeda «

      ResponderExcluir
    3. Eu fiz no mue blog, mas a imagem de "loading" fica na tela, não desaparece quando a figura que é carregada surge.

      ResponderExcluir
    4. Caro Thulio Jardim, entrei em seus blogs e não encontrei a sua implementação.

      ResponderExcluir
    5. De início, funcionava direito. Depois deu uma falha. Na época, retirei mesmo por conta do problema. Mas, hoje (faz mais de meses que vc respondeu rsrs...), não preciso mais. Ainda assim, mt obrigado!!!

      ResponderExcluir
    6. Olá Daniel, tudo bem?
      Achei um código para compartilhamento que funcionou no orkut em meu blog (lembra que eu te disse que não estava conseguindo?)
      Olha lá e me diz o que vc acha.

      Abraços!

      ResponderExcluir
    7. Muito obrigado pela dica.
      Deu certinho
      abraço.

      ResponderExcluir
    Comentários:

    Todos os comentários são moderados, aguarde a publicação.
    Dê preferência ao Nome/URL ao comentar, e coloque um link :)
    Insira o nome do perfil do seu Twitter para que possa avisá-lo(a) quando eu responder ;)

    Outros assuntos ou solicitações pessoais devem ser feitas por meio do formulário de contato.

     

    TOP 5 Navegadores: (?)

    Lista de navegadores e percentagem mensal utilizada pelos visitantes deste blog.

    Números:

    Este blog possui neste momento:

    postagens.
    comentários.
    PageRank 3     
    Conheça o meu novo blog

    Indice Blogger Copyright © 2009 Community is Designed by Bie