By michal frackowiak
Description
Widgetbox (widgetbox.com) offers a very nice way to manage several widgets and embed them into your own pages.
Here is how it works:
- you should create a Widgetbox account and create a new panel
- configure your panel and add widgets you want to it (you should subscribe and configure these widgets first
- install your whole panel — just copy the generated code and paste into your Wikidot page within the [[embed]] … [[/embed]] tags.
There is a nice overview at their website here.
The panels can be both horizontal or vertical (ideal for inclusion in your nav:side).
Code
Embed your own generated code, here is just an example how it should look like (choose "Other" when asked which site to use):
[[embed]]
<script type="text/javascript" src="http://widgetserver.com/syndication/subscriber/InsertPanel.js?panelId=eae283bb-c474-4a6f-90de-c405e4ca9a86"></script>
[[/embed]]
In action
The cool thing is that you can configure and manage your panels directly at Widgetbox.com.
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
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
Video from Revver - 16 Feb 2012 01:50
Todo List - 16 Feb 2012 01:48
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
MyBlogLog recent visitors - 16 Feb 2012 01:25
Rate this solution
If you think this solution is useful — rate it up!
I've been experiancing problems with embedding widgetbox widgets.
According to the doc i should choose "other" when asked which site to use.
This appears to have changed. As that option appears to no longer been available.
As a work round, use the "get panel code" option.
This will give you something like this:-
Strip this down to
Then insert that striped down code into the embed tags. ie:-
which should then give you
.Goal NHGC
Hi,
Having problems with my shelfari books widget. javascript
<div id="ShelfariWidget11027"><a href='http://www.shelfari.com/'>Shelfari: Book reviews on your book blog</a><script src="http://www.shelfari.com/ws/11027/widget.js" type="text/javascript" language="javascript"></script></div>
changed it to
Not working. Any clue what I am doing wrong?
Thanks.
Hi,
Having problems with my shelfari books widget. javascript
<div id="ShelfariWidget11027"><a href='http://www.shelfari.com/'>Shelfari: Book reviews on your book blog</a><script src="http://www.shelfari.com/ws/11027/widget.js" type="text/javascript" language="javascript"></script></div>
changed it to
<script type="text/javascript" src="http://www.shelfari.com/ws/11027/widget.js"></script>
between the embed tags.
Not working. Any clue what I am doing wrong?
Thanks.
You did not follow the instructions of the widgetbox-panel page.
Oops, it works now. Thanks.
Hi,
I'm not able to get the following code working properly
the following is the whole code
<script type="text/javascript" src="http://cdn.widgetserver.com/syndication/subscriber/InsertWidget.js"></script><script>if (WIDGETBOX) WIDGETBOX.renderWidget('611b0148-e39d-4779-90e2-64698169a850');</script><noscript>Get the <a href="http://www.widgetbox.com/widget/mini-clock">Mini-Clock</a> widget and many other <a href="http://www.widgetbox.com/">great free widgets</a> at <a href="http://www.widgetbox.com">Widgetbox</a>! Not seeing a widget? (<a href="http://docs.widgetbox.com/using-widgets/installing-widgets/why-cant-i-see-my-widget/">More info</a>)</noscript>
here below what I paste in my page
<script type="text/javascript" src="http://cdn.widgetserver.com/syndication/subscriber/InsertWidget.js"></script><script>if (WIDGETBOX) WIDGETBOX.renderWidget('611b0148-e39d-4779-90e2-64698169a850');</script>
between the Embed tags
This the link of the widget http://www.widgetbox.com/widget/mini-clock.
Anyonw can help please?
Many thanks in advance.
Marco
I can not see anything except white below, but if you can see something then I assume that means it's working, but is only visible to you. Using James' iframe embed code, I came up with this:
[[embed]]
<iframe class="" style="" frameborder="0" width="100%" height="300px" align="" scrolling="auto" src="http://snippets.wdfiles.com/local--code/code:iframe-embed#%3Cscript%20type%3D%22text/javascript%22%20src%3D%22http%3A//cdn.widgetserver.com/syndication/subscriber/InsertWidget.js%22%3E%3C/script%3E%3Cscript%3Eif%20%28WIDGETBOX%29%20WIDGETBOX.renderWidget%28%27611b0148-e39d-4779-90e2-64698169a850%27%29%3B%3C/script%3E"></iframe>
[[/embed]]
Shane Smith ★ Website: Wikidot Development & Programming. ★ STE Wikidot Editor: Windows. Mac. Linux. ★ Twitter. Google+.
Many thanks Leiger,
it works perfectly!
No problem :)
Just so long as you remember that only you can see it :) Putting it on a public site will be useless with the current settings.
Shane Smith ★ Website: Wikidot Development & Programming. ★ STE Wikidot Editor: Windows. Mac. Linux. ★ Twitter. Google+.