How to share Waves on your self hosted WordPress Blog

Oct 23, 2009 by     12 Comments    Posted under: Social Media

[wave id="googlewave.com!w+bu_3xD1OU" color="#0a0a0a" bgcolor="#ffffff" font="Verdana, Arial, Helvetica, sans-serif" font_size="10" width="400" height="1200"]

______________________________________________________________________________________

If you are already using Google Wave what you see above is my own “Living Room” on Google’s new service. [A place to hang out and talk about taking over the world and such light subjects].

If you don’t have a Google Wave account yet,  all you will be able to see a is  generic screen and this post will be of no interest to you whatsoever but save it,  because it can come handy when you get your invite.

Hello fellow wavers!

This is a really exciting thing, in my opinion. The wave that you see up there, if you are logged on Google Wave, is live, meaning you can update it right  from here. In the same way, whatever you write on the Wave inside Google Wave will show up here. [So be careful with what you say ,-)]

The implementation is quite easy. First of all you have to install the wavr plug-in.

After you have done that every time you create a new post you will have a new icon that looks like this Wave Plugin

When you click it a dialog box pops up.  It looks like this:

Dialog_Wave

My experience is that no matter what you are going to insert as the wave Id (or url) it will not work. So just paste the url of your wave, fill in the rest of the information and click on insert. You will have now something like this on your post:

wave id=”" color=”#0a0a0a” bgcolor=”#ffffff” font=”Verdana, Arial, Helvetica, sans-serif” font_size=”10″ width=”400″ height=”700″ between [ ]

How do you get your wave id in order to work properly with this plugin? Here is a step by step:

The original wave url is:

https://wave.google.com/wave/?pli=1#restored:wave:googlewave.com!w%252Bbu_3xD1OU.3

What you need to do is to strip the url of everything except googlewave.com!w%252Bbu_3xD1OU.3

Almost there. The wave id is in reality Bbu_3xD1OU but for this plugin to work properly you will have to insert: googlewave.com!w+bu_3xD1OU

Please notice how you have to change%” for “+“. You also have to delete  ”252B” and everything that shows after, and including,  the “.” I believe that anytime soon I will have to edit this post with some new implementations that make the whole process easier to the end user.  This method, at first, it look complicated but it is worth it.  The first line of your new post should look like this:

wave id=”googlewave.com!w+bu_3xD1OU” color=”#0a0a0a” bgcolor=”#ffffff” font=”Verdana, Arial, Helvetica, sans-serif” font_size=”10″ width=”400″ height=”700″  between [ ].

Publish! Go to your site! Enjoy!

12 Comments + Add Comment

Got anything to say? Go ahead and leave a comment!

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>