December 21, 2009

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:
<!--ORKUT-SHARE-STARTS--><b:if cond='data:blog.pageType == &quot;item&quot;'>
<a expr:href='&quot;;du=&quot; + data:post.url + &quot;&amp;tt=&quot; + data:post.title' target='_blank'><img src=''/></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:



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">
<td style="width:40%;">Paste Code For Orkut Here</td>
<td style="width:40%;">Paste Code For Twitter / Facebook Here</td>

Table to display ALL THREE BUTTONS at a time:
<table border="0">
<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>

This post was requested by CrazySeawolf.


crazyseawolf said...

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

Divya Sai said...

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

Reza@Blogging Guide said...

So, it just an image with link, right?

Divya Sai said...

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

very cool & good tip, thank you very much for sharing.

Can I share this post on my JavaScript library?

Awaiting your response. Thank

Blogsolute said...

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?

Divya Sai said...

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 !

Cilia Johnson said...

Nice tips, I will use it on my blog. Thankd for sharing it.

Felipe Vieira said...

Could you modify the code so that, the button also appear on the main page, not only on the post page??


Divya Sai said...

Of course you can do that, just delete these two parts from the code above:

1. <b:if cond='data:blog.pageType == "item"'>

2. </b:if>

:)) ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} :)] ~x( :-t b-( :-L x( =))

comment on this post Share Your Views

Allowed HTML tags: <b>, <i> and <a>

Join and share your views with other bloggers at BloggerStop Community

Comment Like This! and Optimize your blog...

SPAMMER OF THE MONTH: www[.]TopRankLinks[.]com

Next Post Homepage Previous Post

Regular Readers

What They Say...

Divya Sai is the ingenious webmaster of Bloggerstop.Net. Divya is extremely patient, knowledgeable and responsive... has an abundance of articles on creating widgets, templates, hacks and ways to make your blog search engine friendly.
- Stacey @Pets With Allergies
I stumbled onto a great site. Sai, over at has helped me tremendously and with great patience...for any and all questions regarding computer issues. And again, THANK YOU Sai.
- Cheryl @Cmash Loves To Read

More Here...

Popular Posts

Get this widget

| © 2010 | Blogger Widgets | Template by Dicas Blogger | Enhanced By Divya Sai | Privacy Policy