List All Snippets
Description
This snippet lets you add a logo to the site by creating a custom CSS.
Code
Create logo, 90px high by (e.g.) 500px wide
Upload logo to start page as file 'logo.jpg'
Go to site...
Description
http://animoto.com/
It is a Video Slideshow with music and your pictures
Code
To add your video in your page, copy the code in "Post online" like this:
<object...
Description
It is quite important to have a nice and clean structure of the site. One of the best ways to do maintain such a structure is to use the "parent page" relation. This allows to:
display...
Description
So you have a site in some language but you want to enable automatic translations so that users who do not know this language could read it too…...
Description
By default elements such as Bibliography/Footnotes/Comments are not listed in Table Of Contents (TOC) created by the [[toc]] tag. You can fix it ;-)...
_edit_ . _edit sections_
Description
I had wanted to put the table of contents for a long page in a fixed position in my browser. The following code will put it on the bottom left, such that...
Description
With calc5 you can plot 2d and 3d graphs, make symbolic calculations such as differentiation, browse 2d graphs same way as you browse map in your favorite mapping service with zooming...
Description
This Widget allows you to create categories for you members or site visitors. we haven't developed a way for visitors not to post yet but we will soon!
Code
[[module NewPage...
Description
When you embed video using the [[embedvideo]] tags it is usually left-aligned. But you can easily center this.
Code...
Description
This solutions will show you how to make nice collapsible text blocks. What for? See the examples, you should know.
Code
[[collapsible]]
Some text to...
Description
How to create a very compact news summary from an external site?
Let us use the Slashdot RSS feed from...
Description
This snippet adds titles at the foot of a table.
Code
[[div]] and style method
Page Code
[[div style="text-align: center; font-style: italic; margin: 0; padding: 0; margin-top:...
Description
EditGrid is a nice application that allows the creation of quite sophisticated spreadsheets. And, more importantly, can be embedded in other web pages.
Simply create a spreadsheet, set...
Description
Some internet websites and services offer a way for you to insert pieces of (HTML) code into your pages and display some of the contents generated by their remote service. Some examples...
Description
Creates an extra side-bar using the floating div element. It is quite easy if you know CSS.
To use this feature, copy the code below into your wiki page.
Code
[[div...
Description
This code aggregates feeds from the popular bookmarking sites (Digg, Del.icio.us, Ma.gnolia, Furl, Technorati, Youtube). It's not the prettiest of pages - but it will give you all the...
Description
I'm not very good in English, and I'm absolutely not a programmer (I've no idea of what is SQL or PHP and so on) but I found very easy to integrate database created with zoho creator...
Description
Feedburner12 is an awesome feed management service. You can do some magic using Feedburner and letting them manage your feeds.
Simply go the http://www.feedburner.com and paste URL...
Description
Suppose you want to grab some images from Flickr based on one or more tags. Why?
you would want to include some images related to your page subject, e.g. "Aston Martin DB9" ;-)
you...
Description
Do you like a foldable list from My Account or Site Manager? Create your own!
The trick is to embed the list within the foldable-list-container class div like below. Use your own links...
Description
How to make footnotes? It is easy. Just use the [[footnote]] tags1 as shown below.
You can also decide where to show the footnotes section (listed footnotes). By default it is placed at...
Description
Sometimes it is a good idea to put some kind of summary of forum activity on the front page of the site. This piece of code does this.
The...
Description
This is a simple way to implement chat functionality for your pages using the Gabbly service.
To generate the code to paste
go to http://gabbly.com/
click on Embed
set a few parameters...
Description
A calendar gadget to add to your wiki.
If you have a public event calandar set up with google this gadget will link to it when you click the Google Calendar Viewer link on the...
Description
This code makes a glossary page and category along with a button to add an entry. If your wiki needs a glossary it will work great. it works my using a new page module to add pages to...
Description
Google analytics urchin.
Code
[[embed]]
<script src="http://www.google-analytics.com/urchin.js" type="text/javascript">
</script>
<script...
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...
Description
This is an explanation on how to embed a google map in wikidot.
This is very similar to embeding quikmaps as explained here.
The disadvantage of google maps integration against quik...
Description
Importing news from other sites is really easy and you can also customize how the importer news feed will look like.
Let us say you want to import...
Description
It is easy to import a news feed in the "easy" way. But let us say you want full-blown news from Digg… OK, here it is. Let's use the "Technology" feed...
Description
Here is a way to include ANY page within your Wiki page using an [[iframe]] element. The syntax for it is:
[[iframe url-source attributes]]
Where attributes can be:
frameborder (0...
Description
To be able to indent a new paragraph as with the tab key, copy the code or modify it to one's own needs.
Code
[[span style="margin-left:40px"]] This paragraph is indented. You can...
Description
Using the instacalc (http://instacalc.com/) one can embed a nice calculator into a page. Just go to http://instacalc.com, see how things work, create your...
Description
Easy way to include Java applets:
create Java applet (ex. ChaosGame.class) and upload it into your wiki page
create simple HTML page to display the applet, upload it into your wiki...
Description
This panel let you check both :
last page changes
last forum post
At one time !
Code
[[div style="float:left; border: gray 1px solid; width: 56%"]]
Last changes on :...
Description
A nice way to add advanced layout control using the [[table]] tag. The example uses the style attribute for the whole table and particular cells to adjust layout.
Code
[[table...
Description
I was excited to see that wikidot allows default templates for each category of page, however my first experiments with the default template have been disappointing due to the fact that...
Description
An easy way to add chat functionality to your pages using the MeeboMe service. It seems it is only to allow one-to-one communication between the owner of...
Description
You can stack multiple "advanced tables" on top of each other to mimic "colspan" and achieve some complex layouts with your tables.
Code
[[table style="margin: 0 0px; width:...
Description
Work in Progress …
This could work, but doesn't ..
If you'd like to allow users to interactively limit the number of displayed posts when using MiniRecentPosts use the below...
Description
OK, so you want a multicolumn layout. Unfortunately there are no special wiki tags for multicolumn layout but the result can be easily achieved using the...
Description
MyBlogLog (http://www.mybloglog.com) is a service originally intended for bloggers who want to display a nice list of recent visitors, add some statistics and add more social aspects to...
Description
this is the first line and I would like a line break here exactly after the word 'break'
then I would like the next item in the list
Code
# this is the first line and I would like a...
Description
Labpixies (http://www.labpixies.com) is a service that offers widgets you can embed in your pages. Just click on a gadget, find Add gadget to your website...
Description
This provides code for a 'sequence box', which shows that a page is part of a sequence or collection, allows navigation to any page in the sequence, and provides Previous and Next...
Description
Snap makes it possible to embed a piece of code into your page so that each link gets a "preview pop-up".
Code
Just embed the code from http://www.snap.com, e.g. like...
Description
Photobucket, an online photo gallery, offers a nice way to include your photos on your pages via “widgets”. There are several options when you create a...
Description
How are people feeling about the implementation of Everyday Math?
Code
[[embed]]
<script type='text/javascript'...
Description
How do I add 'next' and 'previous' links at the bottom of the page?
Code
[[div style="float:left; width:50%; "]]
[[<]]
[[[PreviousPage|<<...
Description
This solution allows you to embed Google Maps with custom annotations into your pages. Simply go to Quikmaps.com, (register and) generate a map and click...
Description
A very easy way to create a poll. Users can vote on options.
This solution uses an external service provided by Quimble...
Description
After you enable rating for selected categories you might want to display a short summary on your front page. Here is an example how to do this:...
Description
Allows you to put a small list of recently changed pages e.g. within your side-bar. See more details at the documentation of the Pages module].
Code
[[module Pages...
Description
This addresses these problems:
The [[footnote]] tag creates a list only for the current page, rather than for a list common to all (or some) pages.
Use of the ^^superscript^^ mark-up...
Description
Import a TODO list from Remember The Milk organizer. This is quite easy since the todos are exported as Atom feeds.
The feed address is available when you view the tasks and choose one...
Description
View time frames
Code
[[embed]]
<script...
Description
A shoutbox is a simple and easy way of communicating on a page without having to log in to a chat program.
With this their are limitations, but as expected for what a shoutbox is....
Description
So how to make a veeeery simple gallery from your pictures? Suppose you do not want to use Flickr but rather attach files to the certain page.
In fact it will be just a collection of...
Description
Allows for the publishing of presentations directly from within Powerpoint to a url, in flash format. These presentations can
then be embedded inside wikis. What makes it interesting is...
Description
Many people use social bookmarking. It is always a good idea to put some "bookmarking shortcuts" inside your pages. Even though people often use special...
Description
Somehow it might be convenient to hide the default page options and present only selected buttons to the users. The syntax for it is:
[[button type options]]
Where the type...
Description
This solution will show you how to create tabs.
Code
There are 2 control tags you will have to use: [[tabview]] and [[tab]].
[[tabview]]
[[tab Lorem ipsum]]
Lorem ipsum dolor sit...
Description
Would you like to have a ready-made, easy to use template for including placeable thumbnail images with a caption (similar to that seen on Wikipedia)? It is surprisingly easy to do, and...
Description
The code below shows how to use the ListPages module to generate a list of "thumbnail" previews of pages. As currently configured, the thumbnail displays the page title, the first 200...
Description
A quick way to make a "todo list" using a SimpleToDo module. Easy as a piece of cake.
The detailed documentation can be found here:...
Description
This is a page template that uses DIVs to create colored boxes. Use it for example as the start page of your wiki
Code
Put some header text here if you need it.
[[div...
Description
http://www.eslvideo.com/
It is a Free video quizzes and resources for students and teachers. You can base your quizzes on videos from YouTube, CurrentTV, Blip.tv, Google Video, or just...
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...
Description
Wishlist searching with instant AJAX interface. Add to Google personal homepage or any other web page with allowed Javascript.
Code
[[embed]]
<script type="text/javascript"...
Description
One of the best polls by Zoho (at http://zohopolls.com).
Simply go to http://zohopolls.com, register, create a poll and click on Add to your blog/website. Copy the code to your...
Description
Zoho is an "online office" — as set of application such as Editor, Spreadsheet and many other. The cool thing is that you can embed some of its documents...
Description
Zoho is an "online office" — as set of application such as Editor, Spreadsheet and many other. The cool thing is that you can embed some of its documents...
Description
Zoho is an "online office" — as set of application such as Editor, Spreadsheet and many other. The cool thing is that you can embed some of its documents...