Sunday, January 20, 2008

iGoogle theme API bookmarklet

I create bookmaklet that create iGoogle theme xml for new API.

If you execute the bookmarklet in iGoogle Homepage, iGoogle theme editor area will be displayed.

iGoogle Theme Editor


javascript:var s =
document.createElement('script');s.id="igteid";s.type="text/javascript";s.src="http://igoogle-theme-editor.googlecode.com/svn/trunk/iGoogleThemeEditor/dist/ige.js?lang=en&"+new
Date().getTime();document.body.appendChild(s);void(0);


For example, execute this bookmarklet in the iGoogle page ,

then the adapted design will be cleared and changed like this image.


The iGoogle Theme editor is displayed at the left side of gadget area. If you click each link ,the edit area is displayed.





After input the data, click the create XML link. You can get iGoogle Theme XML from the textarea.



Copy the text to plain text file, and saved as XML file.

Upload the XML file to server, and check the file use this link.

http://www.google.com/ig?skin=your XML address

I create simple black and white theme using this bookmarklet.

http://www.google.com/ig?skin=http://www.chrisryu.com/data/igoogle_theme/blackandwhite.xml

If you want to register the file to contents directory, submit file to Google.

12 comments:

Dan T said...

Hi Chris,

I'm interested in developing a theme but I'm more of a content person and not a programmer type.

Can we chat about doing a little project together?

Chris4403 said...

Hi Dan T,
You want to create a iGoogle theme,using this bookmarklet or igThemer(http://hawidu.com/themes/).
If you have some questions,please write comment to this post or email to me.

aldog said...

I can't get this to work with safari, opera, or firefox (2.0 and 3.0) on my mac, any suggestions?

Chris4403 said...

Hi aldog!
I'm sorry.
The bookmarklet link is broken.
Now the error was fixed and checked on Win :IE7/FF2 and Mac FF2/Safari.
Please try again.

aldog said...

ahh cool thanks chris, that was fast. It looks like it's working for me now.

David said...

Hi,
I'm having a problem--the center image is not centered. It keeps appearing aligned to the left side of the page.

Any explanation? Am I doing something wrong?

Chris4403 said...

Hi David!
Thanks for your bug report.Now I fixed the bug and checked by IE7 and FF2.
Please try again.

David said...

Thanks! It's a great little app!

Brad Lee said...

Does anyone know if this work for Firefox 3?

Chris4403 said...

I checked on Firefox3 yesterday, and it works.

Natascha said...

Hello! I did create an amazing iGoogle theme thanks to your help. Now I'm a bit stuck here ...
I tried many different ways to get my theme work but some how I can't get it right...
I did safe the code and now I don't now what to do next.

==> Upload the XML file to server, and check the file use this link.

http://www.google.com/ig?skin=your XML address" <=== ???

I even opened a "new project" @ Google and used TortoiseSVN and all those yadayada stuff.

I know that I do something wrong only don't know what...

Used the Google Gadget editor and safed the file as a xml. Still I see only the document-structure {http://hosting.gmodules.com/ig/gadgets/file/110031566159857467105/CateTheme.xml} and even when I use this link I don't see the theme...

What am I doing wrong????

Thank you!

Natascha

Carl said...

I am using mac 10.4.10 firefox & Safari. when I past the link into the address bar I only get a bunch of text. Please help.