As we all know that Orkut has released its all new Share API which allows you to share and promote your website pages or blog posts with your friends on Orkut, today, in this post we will discuss on adding the share button on your blog or website!

We ourselves have created a WordPress plugin for all our readers and recently released the plugin. It can be found here and downloaded from this page.

You can create a widget in your blog with some HTML like this:

<div align="center" id="orkut-share"><a href="http://promote.orkut.com/preview?nt=orkut.com&tt=TITLE_HERE&du=WEBSITE_URL_HERE&cn=SUMMARY_OF_CONTENT" rel="nofollow" target="_blank"><img src="http://www.gstatic.com/orkut/api/en_orkut_regular-001.gif" style="border: medium none;cursor: pointer;" alt="Share this on Orkut!" /></a></div>

Please replace TITLE_HERE, WEBSITE_URL_HERE and SUMMARY_OF_CONTENT with actual title, link of website and short summary of the content on that webpage. Every value should be URL encoded. More information on this can be found here.

Here is a preview of how you have to enter the text in the widget:

You can also add the share button on your Blogger blog. Here are the steps which you have to follow:

1. Login to your Blogger dashboard
2. Go to Layout -> Edit HTML
3. Check the Expand Widget Template checkbox, which is above the big textbox
4. Find </head> (Tip: Press Ctrl+F and then find) and place the below code just above it:

   <script src='http://www.google.com/jsapi' type='text/javascript'/>
   <script type='text/javascript'>
         google.load('orkut.share', '1');
         google.setOnLoadCallback(function() {
               new google.orkut.share.Button({}).draw('orkut-button');
         });
   </script>

5. Find <div class='post-header-line-1'/> (for post header) or <div class='post-footer-line post-footer-line-1'> (for post footer) and place the below code below it:

   <div id='orkut-button'></div>

Done! You have successfully added the orkut share button above or below your posts!

If you are using a free blog/hosting service which doesn’t allow javascript code to be entered, then you can follow the method #2 (which is the one for WordPress.com users). Otherwise, you can just enter the following code where you want the share button to be shown:

    <div id="orkut-button"></div>
    <script type="text/javascript" src="http://www.google.com/jsapi"></script>
    <script type="text/javascript">
      google.load('orkut.share', '1');
      google.setOnLoadCallback(function() {
        new google.orkut.share.Button({
          title: 'TITLE HERE - OPTIONAL',
          summary: 'SUMMARY HERE',
          thumbnail: 'THUMBNAIL URL - OPTIONAL',
          destination: 'URL TO WESBITE - OPTIONAL'
        }).draw('orkut-button');
      });
    </script>

Please replace TITLE HERE, URL TO WEBSITE and SUMMARY HERE, THUMBNAIL URL with actual title, link of website, short summary of the content on that webpage and the thumbnail or an image. The values need not be URL encoded. More information on this can be seen here.

Ok now, you have added the share button to your website or blog and also shared those. Now what will happen? Well,  Orkut promotes your shared item by displaying it in the friend’s updates section and the promote section. Here are the screenshots of the outcomes:

That was a long tutorial, if you have any queries, feel free to ask them in the comments section below and we’ll be happy to assist you!

this ad is sponsored by the author (learn more)

Gautam – Master Orkutter – 25 Points
Gautam has written 4 Articles, posted 207 Comments.