Unordered List

Sunday, April 8, 2012

Add Orkut Share Button To WordPress And Blogger Blogs

 

Orkut has recently released orkut Share API for its users. Orkut users can now share and promote interesting content from the Internet with their orkut friends easily with just few clicks. The shared content will appear in their activity updates.

Facebook users already have this feature. Most of the bloggers and webmasters useFacebook share option to share and promote their content on Facebook. Its one of the best methods to promote their content. It seems Orkut is following Facebook in looks and in features too.

Add Orkut Share Button To WordPress Blogs

If you are using WordPress as your blogging platform, here is detailed tutorial to add orkut share button to your blog :

  • Go to theme editor of your wordpress blog and open header.php file.
  • Now copy and paste the following code in header.php file
    <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] = '<?php the_permalink() ?>';
    var connection = new google.orkut.share.Connection(params);
    document.getElementById('orkut-share').onclick =
    function(e) { connection.send('orkut.com', {}); };
    }, true);
    </script>

  • Click on Update file button.
  • Open single.php file.
  • Now copy and paste the following code in single.php file where you want to displaythe button
    <span id="orkut-share" style="cursor:pointer;">
    <img src="http://i48.tinypic.com/2d98wtg.gif"/>
    </span>

  • Click on Update file button again.
  • That’s all. Navigate to your blog to see the changes.

Add Orkut Share Button To Blogger Blogs

Follow the steps given below to add orkut share button to blogger blogs:
(Note : Before following this procedure, please take a backup of your template)


  • First of all sign in to your blogger blog and go to Layout -> Edit HTML.
  • Now click on Expand Widget templates.
  • Now copy and paste the following 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] = '<data:post.url/>';
    var connection = new google.orkut.share.Connection(params);
    document.getElementById('orkut-share').onclick =
    function(e) { connection.send('orkut.com', {}); };
    }, true);
    </script>

  • Now search for the following code in your template :
    <div class='post-header-line-1'>

    and paste the following code below it :

    <span id="orkut-share" style="cursor:pointer;">
    <img src="http://i48.tinypic.com/2d98wtg.gif"/>
    </span>

  • That’s all. Save your template and see the changes.

0 comments:

Post a Comment