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.

Artigos recentes

Linkem me:

Related Posts with Thumbnails
Google