November 4, 2009

How to Add Orkut Share Button on Each Blog Post ?

Now you can share interesting content with your orkut friends easily, just by single click. The orkut Share API allows website owners to enable their visitors to share the content on their website, with visitors' friends on orkut.


Orkut_Logo_1


Users can share the content and optionally promote it to make recommendations to their friends, which then appears in their activity updates. Every such shared item has the potential to spread virally and get wider attention from orkut users, increasing the traffic to the website. Now lets see how to add Orkut sharebutton on each blog post ?
How to add orkut share button ?

For Blogger Blogspot -

1. Login to your dashboard.

2. Navigate through :Layout >> Edit HTML

3. Click on Expand widget template (before making changes to your blog - backup the current template)

4. Use your browser search to find </head> and place the below code above </head>

<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript">
google.load('orkut.share', '1');
google.setOnLoadCallback(function() {
var params = {};
params[google.orkut.share.Field.TITLE] = 'Interesting Page!';
params[google.orkut.share.Field.DESTINATION_URL] = 'http://example.com/';
var connection = new google.orkut.share.Connection(params);
document.getElementById('orkut-share').onclick =
function(e) { connection.send('orkut.com', {}); };
}, true);
</script>

5. Now change the codes which is in red to your blog address - http://example.com/ to your blog address.

6. Now add the button near your Retweet button -


ss
7. Search for this line -

<div class='post-header-line-1'/>

8. Now Paste the following code below this line

<span id="orkut-share" style="cursor:pointer; border:0px solid black">
<img src="http://i50.tinypic.com/30afg2w.gif" alt="Share Orkut" />
</span>

9. You can use text version of this button by using this code instead of above code which uses image :

<span id="orkut-share" style="cursor:pointer; border:1px solid black">
Share on Orkut
</span>

10. Click Save Template and view your blog !


Shareorkut

(the above picture is made by me - if you want to have your own share button picture - you can change the image url which is given on red color on the above code.)

For Wordpress users -

1. Open header.php file of your theme file and enter below code above </head>


<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript">
google.load('orkut.share', '1');
google.setOnLoadCallback(function() {
var params = {};
params[google.orkut.share.Field.TITLE] = '<?php the_title() ?>';
params[google.orkut.share.Field.DESTINATION_URL] = '<?php the_permalink() ?>';
var connection = new google.orkut.share.Connection(params);
document.getElementById('orkut-share').onclick =
function(e) { connection.send('orkut.com', {}); };
}, true);
</script>

2. Update the page and Move to Single.php or any place where you put this Orkut Share buttonand place below Code.

<span id="orkut-share" style="cursor:pointer; border:0px solid black">
<img src="http://i50.tinypic.com/30afg2w.gif" alt="Share Orkut" />
</span>


You can see the shared content on orkut in your promotion page

share_promotion


and it also appears in your profile activity updates -

udpates 

Do you Like this Story..?

Get Free Email Updates Daily!

Follow us!

Do you Like This Story Widget For Blogger by Beautiful Blogger Widgets


Share/Save/Bookmark

0 comments:

 
Blogging Now And Then © 2009 Med ELJAMALI