Indice Blogger: 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

post-footer-line-2

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 == "item"'>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('orkut.share', '1');
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:

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: