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.


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:

<!--ORKUT-SHARE-STARTS--><b:if cond='data:blog.pageType == &quot;item&quot;'>
<a expr:href='&quot;http://promote.orkut.com/preview?nt=orkut.com&amp;du=&quot; + data:post.url + &quot;&amp;tt=&quot; + data:post.title' target='_blank'><img src='http://code.google.com/apis/orkut/docs/images/share.gif'/></a></b:if>
<!--ORKUT-SHARE-STOPS-Help-http://bloggerstop.net-->

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.