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: ('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiD6pRGnK67RUEJ_WrB0yvmFmGvMtEDHY1SU3mlitwYnzDQYxVECdg97k0HL1YkzI6rYAByeYJEdmZZX3uDdoqldXZMiH87DRYjP72Srly9497FMzUC70t7Ozg1oIVOI08I5i4p1Abt7RE/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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyDmYd_8Zgg5OYIOlnOOCG_NZZWGU9p-VKTTIMXVMBnUkILfzHlV-ud1UEuM2kWSI-acB1D-cRd_Hy661EjPvdHhOq8jmtPYAgphRJHqG7SYXPgJrA_YOSB-q4c67w67SFGWC5J_bTswg/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...

Share this

Related Posts

Previous
Next Post »

9 comentários

comentários
11/10/2010, 10:40 delete

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

Reply
avatar
14/11/2010, 23:41 delete

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 «

Reply
avatar
26/01/2011, 18:31 delete

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

Reply
avatar
28/01/2011, 13:33 delete

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

Reply
avatar
05/04/2011, 18:51 delete

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!!!

Reply
avatar
12/04/2011, 11:15 delete

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!

Reply
avatar
20/08/2011, 11:48 delete

Muito obrigado pela dica.
Deu certinho
abraço.

Reply
avatar

Todos os comentários serão moderados, aguarde a publicação.

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