Saturday, December 12, 2009

How To Embed Wave in to Website or Webpage or blog?


The google's guide to embed wave (at http://code.google.com/apis/wave/embed/guide.html) seems to be not easy to understand by the non technical person or the person. Here is simple and step by step guide to embed the wave.

  • Get the Google wave id using this tutorial click here
  • Open the source code of your Web Page or Website. Or if you are having blog then open HTML template for the blog.
  • Search tag which is not case sensitive. Just before this tag paste following code and put the id of your wave in place of "waveIdD" e.g. "ZZjLgImEV":

    <script type="text/javascript">
    function initialize() {
    var wavePanel = new WavePanel('http://wave.google.com/wave/');
    wavePanel.loadWave('googlewave.com!w+waveID');
    wavePanel.init(document.getElementById('waveframe'));
    }
    </script>


  • Now place the following code where you want to embed the wave:
    <div id="waveframe" style="width: 400px; height: 100%"></div>

    Note: Here you can change the value of height and width according to your requirements.
  • Then finally search tag and add the initialize() method to onLoad of the body as follows:
    <body onload="initialize()">
  • Everything is done now you can save and for website or webpage upload it to the desired location. For the blog just same the template and you are done with it.

Share |

No comments yet

Topics

 
Embed Wave to Blogger