By michal-frackowiak michal-frackowiak
Description
Google now offers tons of gadgets one can embed into web pages. The directory of gadgets is available at:
http://www.google.com/ig/directory?synd=open
Just find your gadget, click on Add this gadget to your webpage and Get the Code. Embed the code within the [[embed]] ... [[/embed]] tags on your page.
These are the same elements you can use in your Google Homepage at http://www.google.com/ig.
Code
Just an example gadget (a clock) here:
[[embed]]
<script src="http://gmodules.com/ig/ifr?url=http://www.google.com/ig/modules/datetime.xml&up_color=red&synd=open&w=320&h=136&title=Date+%26+Time&border=%23ffffff%7C3px%2C1px+solid+%23999999&output=js"></script>
[[/embed]]
In action
And a few more examples:
See HowTo: Add a custom Google search engine
And tons more!!!
Thanks to tsangk for this great snippet: conditional-blocks
text above inserted with:
[[include :snippets:if START |unique=1|type=equal|var1=%%name%%|var2=conditional-blocks]]
**##red|Thanks to tsangk for this great snippet:##** [[[code:conditional-blocks]]]
[[include :snippets:if END]]
Other snippets posted by michal-frackowiak
MyBlogLog recent visitors - 06 Jun 2021 04:03
Include Any Page - 06 Jun 2021 03:20
Babelfish Translation - 06 Jun 2021 03:14
Collapsible Text Block - 02 Dec 2020 10:24
Todo List - 18 Aug 2014 15:28
Multicolumn Layout - 17 Dec 2012 19:51
Zoho Writer - 16 Feb 2012 01:57
Zoho Sheet - 16 Feb 2012 01:56
Zoho Show - 16 Feb 2012 01:55
Zoho Polls - 16 Feb 2012 01:53
WoW Tooltips - 16 Feb 2012 01:52
Widgetbox Panel - 16 Feb 2012 01:52
Video from Revver - 16 Feb 2012 01:50
Tabs - 16 Feb 2012 01:45
Standalone Page Buttons - 16 Feb 2012 01:44
Social Bookmarking - 16 Feb 2012 01:42
Simple Gallery - 16 Feb 2012 01:41
Remember The Milk Todo - 16 Feb 2012 01:39
Recent Changes (mini) - 16 Feb 2012 01:36
Rating Summary - 16 Feb 2012 01:35
Quimble Poll - 16 Feb 2012 01:33
Quikmaps Maps - 16 Feb 2012 01:33
Photobucket Widget - 16 Feb 2012 01:29
Page Previews (Snap.com) - 16 Feb 2012 01:29
Pabpixies Gadgets - 16 Feb 2012 01:28
Meebo me - 16 Feb 2012 01:20
Layout With Tables - 16 Feb 2012 01:19
Instacalc - 16 Feb 2012 01:12
Import the Digg Feed - 16 Feb 2012 01:11
Import a News Feed - 16 Feb 2012 01:10
Gabbly chat - 16 Feb 2012 01:02
Forum Summary for the Front Page - 16 Feb 2012 01:02
Footnotes - 16 Feb 2012 01:01
Foldable List - 16 Feb 2012 01:01
Flickr Images By Tags - 16 Feb 2012 01:00
Feedburner - 15 Feb 2012 00:53
Extra Side Bar - 15 Feb 2012 00:51
Embed Code From Other Services - 15 Feb 2012 00:50
EditGrid Spreadsheets - 15 Feb 2012 00:49
Cornify - 15 Feb 2012 00:39
Compact Feed Display - 15 Feb 2012 00:35
Center Video - 15 Feb 2012 00:28
Bibliography/Footnotes/Comments Listed in TOC - 15 Feb 2012 00:26
Automatic Sitemap - 15 Feb 2012 00:25
Alexa traffic ratings - 15 Feb 2012 00:23
3d tagcloud - 15 Feb 2012 00:22
Rate this solution
If you think this solution is useful — rate it up!
unfortunately, Google stopped serving those goodies.
Maybe this snippets should be rested?
Regards,
Christina
I think the core lessons are: be patient, don't give up, and always be learning.
(Thanks to Pieter Hintjens. It's all the more important today.)
I have embedded the code of Google Map gadget. But only box and title appear, without any map and shows "Request timed out" error!
Hi Friends,
I need your help.i want to convert html code into wiki code. i have html codes.but i can not use that code into wiki.Then i want to add site counter into my wiki site.if i generate counter from sitecounter.com,the site will provide only html code.i want to put counter to my wiki site.please anyone help me
Site counters: You need to use "embed" for a site statistic..
habe a look at our howto: http://community.wikidot.com/howto:site-statistics perhapsthis helps.
You shoud read our handbook too.
There is no automatic converter of html code into wiki code.
But what you can do is to use the html code in an "iframe" on a wiki page:
Service is my success. My webtips:www.blender.org (Open source), Wikidot-Handbook.
Sie können fragen und mitwirken in der deutschsprachigen » User-Gemeinschaft für WikidotNutzer oder
im deutschen » Wikidot Handbuch ?
I experienced the same problem as urkayla01. Even the clock example at the top doesn't even work. It appears as if the page has not been changed at all.
Ok, I think I found the solution. bobstrenger said you had to save the edit to see a gadget. I had to save the edit and then refresh my page to see the gadget. Hope this helps someone…
Hi,
I tried to insert the code for the Google News bar, but it doesn't work!
I get the message: Sorry, no match for the embedded content.
Any clue?
The code can be found here
http://www.google.com/uds/solutions/wizards/newsbar.html
Thanks
Same as me… actually … how to embed this kind of content??
I experimented and found a solution:
When you get a code from google, you something like:
<script src="http://gmodules.com/ig/ifr?url=http://www.google.com/ig/modules/datetime.xml&up_color=red&synd=open&w=320&h=136&title=Date+%26+Time&border=%23ffffff%7C3px%2C1px+solid+%23999999&output=js"></script>
Which does work.
Hope this helps,
Hi, how can i insert a presentation of Google Docs in my wiki?
did you work out how to embed doc yet? I am also look to do this
http://snippets.wikidot.com/code:use-any-html-code-on-a-page - use this technic - you can insert an Iframe with a given code / sript anywhere on your wiki
Service is my success. My webtips:www.blender.org (Open source), Wikidot-Handbook.
Sie können fragen und mitwirken in der deutschsprachigen » User-Gemeinschaft für WikidotNutzer oder
im deutschen » Wikidot Handbuch ?
This is the code generated by Google:
<script src="http://spreadsheets.google.com/gpub?url=http%3A%2F%2F88sui90i-a.gmodules.com%2Fig%2Fifr%3Fup__table_query_url%3Dhttps%253A%252F%252Fspreadsheets.google.com%252Ftq%253Frange%253DG3%25253AG20%2526key%253DpC9bbqlpYXYrIUsjfiPcmYA%2526gid%253D0%2526pub%253D1%26up_title%3D%26up_labelx%3D%26up_labely%3D%26up_legend%3D4%26up_3d%3D1%26up_stacked%3D0%26up__table_query_refresh_interval%3D0%26url%3Dhttp%253A%252F%252Fwww.google.com%252Fig%252Fmodules%252Fcolumn-chart.xml&height=357&width=450"></script>
[[if i place it in "embed" tags - it produces: Sorry, no match for the embedded content.
If I place it in a plain file inside "body" tags- it works just fine.
You must be filtering out google spreadsheet gadgets. Let it though, please.
Thank you.
What do you mean by…"If I place it in a plain file inside "body" tags- it works just fine."? I'm stuck on the "Sorry, no match for the embedded content."
Thanks!
I was planning a bike trip on google map and when I tried to copy the code I found out that is wasn't working.
If someone cracked the code before, I would be very greatful, here is the adress of the page Problem with map
@ steinargj
Try this instead:
[[embed]]
<iframe class="" style="" frameborder="0" width="100%" height="300px" align="" scrolling="auto" src="http://snippets.wdfiles.com/local--code/code:iframe-embed#%3Cscript%20src%3D%22http%3A//spreadsheets.google.com/gpub%3Furl%3Dhttp%253A%252F%252F88sui90i-a.gmodules.com%252Fig%252Fifr%253Fup__table_query_url%253Dhttps%25253A%25252F%25252Fspreadsheets.google.com%25252Ftq%25253Frange%25253DG3%2525253AG20%252526key%25253DpC9bbqlpYXYrIUsjfiPcmYA%252526gid%25253D0%252526pub%25253D1%2526up_title%253D%2526up_labelx%253D%2526up_labely%253D%2526up_legend%253D4%2526up_3d%253D1%2526up_stacked%253D0%2526up__table_query_refresh_interval%253D0%2526url%253Dhttp%25253A%25252F%25252Fwww.google.com%25252Fig%25252Fmodules%25252Fcolumn-chart.xml%26height%3D357%26width%3D450%22%3E%3C/script%3E"></iframe>
[[/embed]]I plugged your code into http://snippets.wikidot.com/code:iframe-embed to get that code block I just gave you.
~ Leiger - Wikidot Community Admin - Volunteer
Wikidot: Official Documentation | Wikidot Discord server
tsukechick,
Not sure if you'll see this, but I had the same problem. The thing I discovered is that these google gadgets don't appear in the "Preview" mode in a Wiki. You have to first do a "Save" and then you should see the gadget work on your Wiki.
Hope this helps…
Bob Strenger