I always wanted to use PB on a website, but couldn't afford the enterprise version. So I researched, tested and fiddled a bit and created a Brain-based blog, see here:
It's in German, but since I only want to point out the structure and design of it all, I'm sure you'll get along.
To overcome the flaw that brain contents can't be searched by Google etc., I created a complete WordPress blog and then linked the articles to my brain. Not perfect, but works. Google search results of course point only to the blog site (without the brain), so I added a "show navigation" button at the top that opens the brain.
Feedback welcome!
Hi Mandox,

Great work! Can you give us more details about HOW you did it?


Ok, here is a short summary about how I did it:
Step 1: Content
First, I used WordPress to create a blog, customized the design, created entries, etc. The blogs URL is: This also is the starting URL for all blog entries, the result shown in google searches etc. I removed the standard blog search button so I can use the brain search function later.
Then, I chose a background image and split it into two images: the top one is 200 pixels high and the bottom one shows the rest. I then selected the bottom one as blog background image. Note that the blog uses a fixed width of 985 pixels.

Step 2: Navigation
Then, I created a Brain in PB with one thought for each blog entry. I attached the URLs of the corresponding blog entries to each thought. Some thoughts don't have a blog entry (like general parent thoughts), so I linked these to a page stating "No articles for this subject". It is important to have one URL attachement per thought, otherwise you will destroy the illusion (because then the notes section will show without any design).
After that, I exported the SiteBrain and uploaded it to

Step 3: Tweaking:
To make everything look nice, I needed to edit the files layout.css and settings.js (make sure you backup these files because the SiteBrain export overrides them.
In layout.css, I added some lines to the #plexDiv section, mainly these:
 height: 200px;

width: 1002px; /* somehow 985 didn't work */
background-image: url(bg_top.jpg); /* This is the upper part of my split background image*/
In settings.js, I changed some values:
// instant search

var showSearchButton = true;
// search settings
var searchPrefix = "";

This will show a search button right next to the quicksearch field. Since SiteBrain doesn't come with an own search function, I just use the search function of my blog.

If you use web search engines, the resulting URL will always start with This of course has no brain navigation whatsoever, so I needed a way to show this manually. I just created a link to "open the smart navigation" at the top of my blog that just links to the address This will result in showing the brain navigation at the top which will open the blog's homepage at the bottom. I know this is not the best solution but it works. If anyone has a better idea to link the two, please post here!

One (german) word: geil!

Klasse gemacht, gefällt mit gut

That is completely awesome, Mandox!  I am just starting a blog on information mapping - I wish I were technically up to doing something similar.  However, it is an inspiration.


Less judgement, more curiosity
Thanks for your comments. One more questions to the techies in this forum:
Is there a way in HTML or PHP to detect how a site was called? I am asking to optimize the "show navigation" link at the top of my (content) page. I only want it to show if the blog URL was called directly. If the blog was called by the SiteBrain navigation, I don't want to show this link.
Any ideas? Please!

Another thing I found quite useful when blogging with PB:
When you start structuring your blog entries using PB, you will naturally have a lot of thoughts without content (e.g. category thoughts). I use WordPress for my blog and there is a nice feature of defining categories for each blog entry. So instead of linking category thoughts to a predefined empty page (e.g. http://.../?p=999 saying "sorry - no content"), I now link these thoughts to category pages (e.g. http://.../?cat=123). This will show all blog posts of this category. Since you can define several categories for each blog post, this gets very close to the logic of PB brains.
Super cool Mandox!

I was wondering if this could be done.

You've pointed the way.

Thank you for sharing.


Newsletter Signup  Newsletter        Visit TheBrain Blog   Blog       Follow us on Twitter   Twitter       Like Us on Facebook   Facebook         Circle Us on Google+  Google         Watch Us on Youtube  YouTube       

TheBrain Mind Map & Mindmapping Software     Download TheBrain Mind Mapping Software