Tutorial – Add ‘Orkut Share’ Button to your Blogger/WordPress Blog and Website

Orkut Share ButtonAs 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!

For Self-Hosted WordPress Blog Users

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.

For WordPress.com Blog Users

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:

Add Orkut Share Button on WordPress.com blogs

For Blogger/Blogspot Users

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!

For Other Services/Static Websites Users

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.

The Final Outcome

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:

Shared item in Friend's Updates sectionUpdate in Orkut Promote Section

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!

GautamMaster Orkutter25 Points
Gautam has written 4 Articles, posted 207 Comments.

this ad is sponsored by the author (learn more)

this ad is sponsored by the author (learn more) Visit Gautam's Blog!

Loading

Tags - Blogger, Orkut Promote, Orkut Share, Tips, Tricks, Tutorials, WordPress

  3 Comments on this Article.


  1. ramanuj says:


    hi, i have done what u asked, but this gives me a button only on the latest post. cant this button be there uniformly for all posts?
    or did i do something wrong?


  2. [...] or post in any website which has not integrated ‘orkut share’ button in their pages (Add Orkut Share to your Website/Blog), you can still share that page with all your orkut friends in a single click using this simple [...]

Leave a Reply