Sunday, November 29, 2009

How to add Orkut Share in Blogger Posts



Orkut had launched Orkut Share API. By using this API sharing on Orkut has became easier.We will see how to add Orkut Share button in blogger posts.

Steps:
  • Login into your blogger account > Dashboard > Layout > Edit HTML > Download Full Template. This will take a backup of your blog template.
  • Click on Expand Widget Templates.
  • Search for <data:post.body/> in Template.
  • Add the following code below <data:post.body/>, Code goes like this:
    <p>
    <div style='float:left; margin-left:10px;'>
    <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({
    lang: 'en',
    style: google.orkut.share.Button.STYLE_REGULAR,
    title: '<data:post.title/>',
    summary: ('Stay tuned with TechnoZone to be a part of the Technology that is changing the world.'),
    thumbnail: ('http://www.bishwajeet.blogspot.com/logo1%20copy.png'),
    destination: '<data:post.url/>'
    }).draw('orkut-button');
    });
    </script>
    <div id='orkut-button'/>
    </div>
    </p>
  • Just change summary part as you want and the URL for the thumbnail
  • Now save your template. You will see below your post. Wait till your page is fully loaded.





Bookmark and Share

0 comments:

Post a Comment

Type here your comments