Featured Post

Kyle’s Beautiful jQuery Slider (modified for easy customization)

The wonderful and popular “Beatiful jQuery Slider” worked great, but I ran into some questions that I, along with many others before me, had to figure out by looking through all the code. So, I created a slightly modified, cleaned-up version (free, of course) with…

Read More

Adding HTML to Google Wave Posts (including youtube videos)

Recently, I got an invite to preview google wave, so I’m on the inside now and loving it Also, I will be giving away a google wave invitation to a reader very soon, so keep your eyes out. (Subscribe if you’d like) I will make a post for people with information. So, now to the [...]

Read More

Adding HTML to Google Wave Posts (including youtube videos)

Posted by Kyle | Posted in Developer Tips & Tools, Uncategorized | Posted on 12-2009

Tags: , , , , , ,

0

Recently, I got an invite to preview google wave, so I’m on the inside now and loving it :)

Also, I will be giving away a google wave invitation to a reader very soon, so keep your eyes out. (Subscribe if you’d like)
I will make a post for people with information.

So, now to the real content – how to add HTML to google wave posts.
I used this handy feature to add youtube video to a google wave.

What you do is…

  1. Once you are in a wave blip, click the “add gadget by URL” button:
    addgadgetbyurl
  2. Than, in the popup window, type in the following URL:

    http://wave-ide.appspot.com/html.xml

    and click “Add”

  3. Next, you should see a box in your wave that looks like:
    html_widget
  4. Simply click on the “Edit” link and it will reveal an html editor:
    html_editor-expanded
  5. Put in your HTML and click “view” – and you are done!
  6. *For youtube videos, copy the “embed code” from the youtube page
    and than paste it into the HTML editor.

The one thing I don’t like about this that google should fix is that you have to remember and type in the widget URL every time.
To fix it, they can simply have a “recent widgets” in the popup for “Add widget by URL”.

What do you think? Any other good ideas for Me, Google and/or Wave specifically? Drop a comment.

P.S. For all the wavers out there who want to add me, just shoot me an email: kyle@thewebleap.com

Kyle’s Beautiful jQuery Slider (modified for easy customization)

Posted by Kyle | Posted in Developer Tips & Tools | Posted on 11-2009

Tags: , , , , , , , , , , , ,

14

The wonderful and popular “Beatiful jQuery Slider” worked great, but I ran into some questions that I, along with many others before me, had to figure out by looking through all the code, much of which is not necessary.

Here is a screenshot of the slider: (pretty nice eh?)

A snapshot of the image gallery / slider

I created a slightly modified version (free, of course) with notes in the code to guide you in different ways.

Some of the features you will find:

  1. A cleaned up scripts.js file
  2. Easy-to-understand notes in various files to guide in customization.
  3. I changed some the css id names, etc for increased integrability for an html or blog page
    (f.e. removing the body css and dispersing necessary attributes to other classes)
  4. 2 different folders: 1 for the default slider with notes, the other is ready to integrate into a page.

Big credit and a shout-out goes to Ravindra from dream css for making the original slider. We love it! I just wanted to answer some of the questions in the files and clean it up a bit to make it easier to use for people.

In the notes, I answer questions like:

  1. How to change the dimensions of the slider without loosing any functionality i.e. gaps, etc.
  2. How to adjust the black navigation bar properly and change its size
  3. How to change the delay between transitions
  4. How to change the speed of the transitions

And I made it all much easier to understand!

So, If you have any other insight on this, or comments, etc.
Please reply below, because I wanna hear it!

Feedback Form
Feedback Analytics