List All Snippets
By michal frackowiak
Description
Most likely you are using tags on your wiki. And the TagCloud module.
Recently the module got a new parameter to turn on "3d mode". See below.
Code
[[module...
By pieterh
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...
By michal frackowiak
Description
Alexa.com provides approximate traffic ratings for major websites on the web. They also offer embedding traffic graphs on your own website — simply click "Put...
By Alex Keyta
Description
Update: October 21, 2009
This snippet is outdated.
This uses the old code that Animoto used to generate. Animoto now generates <script> tags and the solution shown...
By michal frackowiak
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....
By michal frackowiak
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…
Online...
By michal frackowiak
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 ;-)
The problem is...
By Squark
Description
This solutions allows to embed videos from blip.tv. Choose a video you want to include, click on the Share on the right side, change to Embed with Showplayer and copy the code...
By Zag
_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...
By kooler
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...
By cnadmin
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...
By hellekin
Description
The NewPage Module requires that you use a template: category, otherwise it complains that your template doesn't exist.
However, the newer template system make them sit at...
By FisherPickettOwner
Description
You can use this code to make a personal chatroom in your wikidot. You can get more at www.cbox.ws they offer personalized cboxes that match your needs.
Code (...
By michal frackowiak
Description
When you embed video using the [[embedvideo]] tags it is usually left-aligned. But you can easily center this.
Code
[[=]]
[[embedvideo]]
video embedding code goes...
By ErichSteinboeck
Description
Here is the code for a funny “random” page chooser.
Depending on the number of pages on your site (or in the ListPages categories that you specify), you would...
By Squark
Description
With the collapsible block you can create VERY custom menu on your site. It is not very easy to do it, but with a bit of effort it's eatable.
I had to change my CSS style a...
By michal frackowiak
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...
By michal frackowiak
Description
How to create a very compact news summary from an external site?
Let us use the Slashdot RSS feed from http://rss.slashdot.org/Slashdot/slashdot and display only...
By michal frackowiak
Description
Some people love Unicorns, Little Ponys, Rainbows and all that sweet stuff. Others hate it. But no matter what, you can now make your loved happy by adding a...
By Weregoose
Description
This simple CSS code will allow site authors to modify the vertical separators inside editor toolbars.
Code
Go to your site manager and publish the following CSS code in a...
By Squark
Description
This solutions allows to embed videos from DailyMotion. Just choose a video you want to embed and copy the code between [[embed]] ... [[/embed]] as shown...
By WhiteKnight82
Description
An easy way to create a magazine-style dropped cap at the beginning of a paragraph.
Tip:
Find a colour's hex code @ http://www.colorschemer.com/online.html and...
By JSV
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:...
By michal frackowiak
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...
By michal frackowiak
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...
By StefanM
Description
This is a solution for embedding your latest tweets in your wikidot site without using the feed module and with working hyperlinks in tweets. If you have ever tried to embed...
By michal frackowiak
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...
By zeroinfluencer
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...
By giovanni_lp
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...
By michal frackowiak
Description
Feedburner12 is an awesome feed management service. You can do some magic using Feedburner and letting them manage your feeds.
Simply go the...
By Helmuti_pdorf
Description
How to find pages without tags?
I found a solution based on the fact that module ListPages inserts a standard phrase "no tags found for this page" in the variable...
By michal frackowiak
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...
By Squark
Description
This solutions allows to embed Flickr video on your page. Simply add code between [[embed]] ... [[/embed]] tags on your page as shown below:
Code
[[embed]]
<object...
By michal frackowiak
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...
By michal frackowiak
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...
By michal frackowiak
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 code creates 3 columns...
By michal frackowiak
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...
By Dr Lazardo
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...
By Squark
Description
This solution allows to embed video player from gametrailers.com, both for Standard Definition and High Definition
Code
[[embed]]
<object...
By Craig Macomber
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...
By morforu
Description
Google analytics urchin.
Code
[[embed]]
<script src="http://www.google-analytics.com/urchin.js" type="text/javascript">
</script>
<script...
By 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...
By giovanni_lp
Description
This is an explanation on how to embed a google map in wikidot.
Code
go to maps.google.com
create a map
click on "link to this page"
copy the code under "Paste HTML to...
By RobElliott
Description
Google Translate will provide a temporary translation of your entire wikidot site in multiple languages.
Code
Go to http://translate.google.com/translate_tools and copy...
By wikic
This tutorial is for authors who want to use html to format wiki pages and prefer not to learn wiki formatting code.
The following code is an example of how to use html:
[[iframe...
By James Kanjo
Description
Throughout the whole of Wikidot, people are putting HTML code into code-blocks, and then iframing the Wikidot-generated HTML page.
Iframing HTML gives a result somewhat...
By James Kanjo
Description
Although Wikidot's Redirect Module is useful, it doesn't allow you to use variables (via includes or the ListPages module) within it. In such times, you may want to...
By michal frackowiak
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 some news from...
By michal frackowiak
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 located at...
By michal frackowiak
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]]
url-source does not...
By Sputbot
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....
By michal frackowiak
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...
By Brunhilda
Description
This is a continuation of this solution, I developed it a little bit…
I liked this solution very much (to have edit-sections button always on the screen), because my...
By Belbo
Description
You can add jamendo widgets (players), simply adding iframe tag.
First you have to copy the source of the widget code from jamendo album site.
Code
example:
<div...
By jkubacki
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...
By RobElliott
Description
Jotform is a free online, customisable, drag-and-drop WYSIWYG tool for creating a contact, feedback, order, membership or any other type of form for your wikidot site. It...
By Squark
Description
This solution allows to put a star-rating or thumb-rating on your site from the JS-Kit toolkit. Simply put a code shown below on your site, either star- or thumb-.
You can use...
By gwpl
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 :...
By Jonathan Webley
Description
For those of you who know , there is a neat way of making tables that span columns.
Code
[[math]]
\begin{tabular}{| c | c | c | c | c | c | c | c | c...
By michal frackowiak
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...
By ErichSteinboeck
Description
Have you ever wondered whether ListPages output can be shown horizontally instead of a boring (vertical) list?
Here's how it can be done!
As shown in below code...
By LlamaNerds
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...
By michal frackowiak
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 the widget...
By RobElliott
Description
Chat in the wikidot chatroom with other users, gurus and the developers. This can be done using Mibbit, a web-based irc (internet relay chat) widget that can be embedded...
By PizzaGeek
Description
You can stack multiple "advanced tables" on top of each other to mimic "colspan" and achieve some complex layouts with your tables.
[[New Update! February 16, 2009]] Adding...
By num3472
Description
Want a theme that looks good and takes up very little real estate? Here it is:
This theme dramatically improves the amount of space for content.
Eliminating unnecessary...
By ErichSteinboeck
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...
By ErichSteinboeck
Description
You'd like to know a list of categories in your Wiki? Use (undocumented) module Categories.
If you do not know what categories are — have a look at...
By ErichSteinboeck
Description
In post Dynamic Feed Module/Summary & Details from Mar '09 a question appeared regarding module Feed: I would like to be able to allow some form of "drill-down"...
By ErichSteinboeck
Description
In post Dynamic Feed Module/Summary & Details from Mar '09 a question appeared regarding module Feed: I would like to be able to allow some form of "drill-down"...
By ErichSteinboeck
Description
In post Dynamic Feed Module/Summary & Details from Mar '09 a question appeared regarding module Feed: I would like to be able to allow some form of "drill-down"...
By ErichSteinboeck
Description
In post Using attributes of the page itself from Feb '09 a question appeared regarding listing pages with any of the tags of the current page.
Not sure if the below...
By Squark
You may want to consider an easier way to do this: MP3, Video
Description
I have used a well-known "hack" of html scripting, submitted by Helmuti_pdorf to insert mp3 and video player on...
By James Kanjo
Description
With the traditional MP3 Player, you need to manually inject your MP3's url into the html code. This also means you need an individual code block for each song you want...
By michal frackowiak
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 [[div]]...
By michal frackowiak
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...
By gerdami
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...
By Squark
Description
The service offers statistics about open source software code. It also offers embeddable widgets showing such statistics. Go to Ohloh.
Code
[[embed]]
<script...
By Gabrys
Description
This snippet allows creating custom software download list, that links to files depending on the OS running by visitor.
Code
This is basically done by having a code block with...
By michal frackowiak
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 and paste...
By JSV
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...
By michal frackowiak
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....
By michal frackowiak
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 widget,...
By joannebebe
Description
This code generated "Sorry, no match for the embedded content." - WHY???
Code
<embed pluginspage = "http://www.macromedia.com/go/getflashplayer" wmode="transparent"...
By Squark
Description
This solution allows you to embed a slideshow from PicasaWeb on your site. Go to your PicasaWeb gallery, choose album, click Embed Slideshow and copy the embed code. Put it on...
By Brunhilda
Description
To put the picture on the right side of the text
Create a new page at your wiki and give it a name, for example: picture-right. Then copy this code and paste it in it. Then...
By Squark
Description
This description allows to put your music playlist from www.playlist.com and put it on your site. Simply create your own playlist and copy embedding code between [[embed]] ......
By jrb
Description
How are people feeling about the implementation of Everyday Math?
Code
[[embed]]
<script type='text/javascript'...
By RobElliott
Description
PollDaddy is an excellent online, customisable, tool for creating polls and surveys. It is possible to embed a PollDaddy poll in your wikidot page. This does not yet use...
By gerdami
Description
How do I add 'next' and 'previous' links at the bottom of the page?
Code
[[div style="float:left; width:50%; "]]
[[<]]
[[[PreviousPage|<<...
By michal frackowiak
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 some...
By michal frackowiak
Description
A very easy way to create a poll. Users can vote on options.
This solution uses an external service provided by Quimble (http://quimble.com). The downside is that...
By James Kanjo
Description
This is just some simple CSS code to put quotation marks in your blockquotes. This is special because there is a left double-quote in the top-left corner, and a right...
By James Kanjo
By James Kanjo
Description
Previously, before the order="random" attribute was available, there was no way to have a link which would display a random page.
The workaround used was the "single...
By michal frackowiak
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:
Code
++ Top rated...
By michal frackowiak
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...
By ErichSteinboeck
This is a redirection page for code:redirect-from. Please see there for more details.
[[module Redirect...
By ErichSteinboeck
This is a redirection page for code:redirect-from. Please see there for more details.
[[module Redirect...
By ErichSteinboeck
Description
Post Redirect info from Feb 2009 asks: “Wikimedia pages that are redirected to, show text "(Redirected from <pagename)", with a link so tht you can see the...
By JSV
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^^...
By Squark
Description
This solution allows to make a reflection of every image inserted in your page. All you have to do is to embed the code below and then add a "reflect" class to an image and...
By michal frackowiak
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...
By James Kanjo
Description
Sometimes, if you are using the ListPages module for data presentation, you may list duplicate results. In such cases, you can use this special add-on to remove all...
By Helmuti_pdorf
Description
View time frames
Code
[[embed]]
<script...
By Squark
Description
This solution allows you to embed Schooltube videos. All you need to do is to go to the Schooltube, choose a video you want to embed, copy Embed URL code and paste it into...
By Luiz de Campos
Description
It uses the two resources in the same page.
Code for search page (search:site)
[[div style="float:right; width: 50%;"]]
[[module TagCloud limit="200"...
By JoltRidge
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...
By RobElliott
Description
Usually you embed a YouTube video that links back to Youtube. However, it is possible show a YouTube video that has been saved locally in your wiki page.
Step 1 -...
By michal frackowiak
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...
By vchak
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...
By Squark
Description
This solution allows to embed http://slideboom.com SlideBoom] slideshow on your wiki site. Just choose a presentation or upload your own, copy a code from "Embed into your...
By RobElliott
Description
Embed powerpoint and other presentations from Slideshare in your wiki page. This solution puts the embed code inside html tags and then references that html code in an...
By michal frackowiak
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 toolbars or...
By leiger
Ever wanted to hide some text from someone when the page loads, but make it easily accessible when they want to read it? That's usually what spoiler tags are used for.
Description
Ever...
By RobElliott
Description
Sproutbuilder from http://sproutbuilder.com is a quick and easy way for anyone to build, publish, and manage widgets, mini-sites, mashups, banners and more. These can be...
By michal frackowiak
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...
By michal frackowiak
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...
By MatthewDavey
You can use tags as variables on a page, so then you can use pages like database records or a ticket system.
You first create a category template.
For example a category template...
By Squark
Description
This solution allows you to embed Teachertube video.
Simply go to Teachertube and choose the video you want to embed. Insert the code from Embeddable textbox into your pages...
By mattdm
Description
Visitors tend to prefer sites with recent updates to those created in 1997 and never updated. This solution gives you a quick line to put at the top of your site which quickly...
By Alderman
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...
By elishapeterson
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...
By ErichSteinboeck
Description
Here's a half-baked solution for discussion thread “TOC's from many pages displayed on one?”
Although this allows you to pull in the TOC's, they aren't linking to...
By michal frackowiak
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:...
By Helmuti_pdorf
Description
You are able to automatically build a Menu strucure on your Top navigation bar with the ListPages module - by selecting only a specific category (or tag, or...
By Helmuti_pdorf
Description
This Snippet explains how it is possible to use ANY html scripting on a page instead of embedding the scripts:
You can use ALL html codings on a page by storing it in...
By Merlin Laroque
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...
By michal frackowiak
Description
To embed video from Revver simply open any of their videos, copy the embedding code (on the right side) and paste to your wiki page!
Code
Including this cool video...
By James Kanjo
Description
With the traditional Video Player, you need to manually inject your video's url into the html code. This also means you need an individual code block for each song you...
By Alex Keyta
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...
By Squark
Description
This solution allows you to embed videos from Vimeo. Simply choose a video you want to embed, click Embed, copy the code and put it on your site between [[embed]] ......
By Squark
Description
This solution allows to embed VoiceThread player on your page. Simply choose VoiceThread that you want to embed, click menu and then embed. Copy the code and put it between...
By juliclim
WEB 2.0 tools for Database
The tools are freely accessible and user register themselves to use them directly in your browser. Editing of diagrams Entity Relationship (ER) can be done...
By Verschueren Dimitri
heading level 1
Description
put description what kind of problem does the solution solve and how
Code
[[embed]]
<script type="text/javascript"...
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...
By kooler
Description
Wishlist searching with instant AJAX interface. Add to Google personal homepage or any other web page with allowed Javascript.
Code
[[embed]]
<script...
By michal frackowiak
Description
If you have a wiki about World of Warcraft, a popular MMORPG game, or just writing something that involves in-game experience, there are at least a few ways to add...
By michal frackowiak
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...
By michal frackowiak
Description
Zoho is an online set of applications including a spreadsheet, word processor, database, presentation application and several others. For wikidot wiki users the...
By michal frackowiak
Description
Zoho Show is one of the range of Ajax-based online office products from Zoho. It incorporates a spreadsheet, wordprocessor, presentation tool and many other...
By michal frackowiak
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 into the...
