An Easy To Add non-JavaScript Based Orkut Share Button For BlogSpot Blogs

The previous tutorial on how to add an orkut share button in Blogger blogs was based on javaScript, which will definitely slow down your blog.
So this new method will add exactly the same button, without adding any additional scripts to your blog.

Add Orkut Share Button To Your Blogger / BlogSpot Blog

In just two steps, you can have this button working on your blog:

STEP #1:
Log in to Blogger, go to Layout -> Edit HTML
And find (CTRL+F) this code in the template:

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

STEP #2:
And immediately BELOW/AFTER it, paste this code:

<b:if cond='data:blog.pageType == "item"'>
<a expr:href='"http://promote.orkut.com/preview?nt=orkut.com&du=" + data:post.url + "&tt=" + data:post.title' target='_blank'><img src='http://code.google.com/apis/orkut/docs/images/share.gif'/></a></b:if>

And save the template.

NOTE: Instead of displaying it below the post-title, you can display it along with your other social bookmarking buttons too.
Of course you can use any image instead of the default Orkut-Share logo, like these:

DIRECT-LINK: http://i50.tinypic.com/14mz4ac.jpg

DIRECT-LINK: http://i47.tinypic.com/35bba5e.jpg

DIRECT-LINK: http://i47.tinypic.com/2ccmbmo.jpg
Save the widget.

And to display this button, along with Twitter or Facebook buttons, use these tables:

Table to display ANY TWO BUTTONS at a time:

<table border="0">
<tr>
<td style="width:40%;">Paste Code For Orkut Here</td>
<td style="width:40%;">Paste Code For Twitter / Facebook Here</td>
</tr>
</table>

Table to display ALL THREE BUTTONS at a time:

<table border="0">
<tr>
<td style="width:25%;">Paste Code For Orkut Here</td>
<td style="width:25%;">Paste Code For Twitter Here</td>
<td style="width:25%;">Paste Code For Facebook Here</td>
</tr>
</table>

This post was requested by CrazySeawolf.

Blog Admin : Divya Sai

ProBlogger - Inspiring Others Realize Their Dreams!

Google Facebook Twitter More

9 comments

Write comments

Anonymous

December 21, 2009 5:53 AM delete

I'll post both tutorials in my portuguese blog and you're definitely part of my blogroll. Thank you very much!

Divya Sai

December 22, 2009 4:49 AM delete

Glad to know that buddy! Thanks for including me in the blogroll

Reza@Blogging Guide

December 22, 2009 6:39 AM delete

So, it just an image with link, right?

December 22, 2009 7:04 AM delete

Yeah an image with a dynamic link, just like the previous social b-m images.

Blogsolute

December 23, 2009 1:15 PM delete

Nice one, Finally you did it.
Javascript method adds to one more server request and this method fetched title and URL seamlessly.
I think I too should let my readers know about this article. What say Divya Sai?

December 23, 2009 2:34 PM delete

Hey Rohit,
Yeah even I had to put some time in to this one. XML sometimes fails to understand html
It would be great if you spread the word, thanks for that !