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:
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:
Altere da forma que acha melhor o texto exibido, em azul.
Não retire os créditos.
<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:
<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. <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>
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:
Após o carregamento:
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:
Envie para seus amigos no Orkut:
Nas linhas que foram inseridas acima, modifique:
<div id='orkut-button'>Envie para seus amigos no Orkut:<br/>
</div>
altere para:</div>
<div id='orkut-button'>Envie para seus amigos no Orkut:<br/>
<span id='aquiork'/>
<script>loading()</script>
</div>
<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("aquiork")
ork.innerHTML = "<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...'/>"
}
window.onload = function(){
ork.style.display = "none"
}
</script>
Em azul: Link da imagem que será utilizada durante o carregamento. (clique aqui para obter mais imagens de pré-carregamento [via Ajax Load])function loading()
{
ork = document.getElementById("aquiork")
ork.innerHTML = "<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...'/>"
}
window.onload = function(){
ork.style.display = "none"
}
</script>
Salve e teste!
Verifique, a sua página, com esta modificação carregará da seguinte forma:
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:
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 | Crazyseawolf
Compartilhar seu blog no Orkut – Recurso Promova
via @hordones | [ Ferramentas Blog ]
Esta postagem ainda será alterada...
Share this
Related Posts
Recurso de "Read More" (leia mais) sem ter de gastar a unha.Alguns meses atrás, foi lançado o recurso de "read-more" (leia mais) pelo blogger, recurs
Novo editor do Blogger in Draft: 1 - Barra de Ferramentas
Vamos conhecer um pouco do novo editor do blogger, com uma série de postagens, integran
Otimizando o trabalho no Blogger com Favoritos
Introdução:
O tutorial a seguir foi criado com o intuito de ajudar a você economizar 
Gadget: CommentsOrdener - Para ordenar os comentários no bloggerHoje retorno a escrever para o Blogger, devido à vários projetos e desenvolvimentos paral
Ordenar: DescAscby @dfikeda
9 comentários
comentáriosMuito obrigado pela dica.
ReplyDeu certinho
abraço.
Olá Daniel, tudo bem?
ReplyAchei 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!
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!!!
ReplyCaro Thulio Jardim, entrei em seus blogs e não encontrei a sua implementação.
ReplyEu fiz no mue blog, mas a imagem de "loading" fica na tela, não desaparece quando a figura que é carregada surge.
ReplyRafael 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.
ReplyGoatkvlt 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 «
eu queria fazer 1 desse so que com os botoes do:
Replymyspace
orkut
e facebook so
voce poderia fazer um tutorial ensinando a fazer???
desde ja lhe agradeço
deu certo nao
Replyhttp://noqap.blogspot.com
ReplyTodos 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.