The code for a blur console: (note - you can highlight the code and press ctrl+c to copy it)
 
The code for a blur console is exactly like that of a basic console, we just add some snipplets to make sure one window is positioned over the other. The extra code is highlighted in red.

<script language="JavaScript">
window.open("nameofpopup2.html", "window_name", "toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=no, resizable=no, width=300, height=300, top=100, left=100");
if (window.focus) {
window.focus(); }
 </script>

In the source code of the page you are calling as your blur console, you'll want to place the following code in between the <head> </head> tags:

<script language="JavaScript">
self.blur();
 </script>

Breaking down the various parts of the code:
 
Here, the attributes you can change remain exactly the same as the ones you can set with a basic console. Please refer to this section under basic consoles by clicking here.

Where to place the code:
 
You can place the 1st piece of script anywhere between your <head> </head> tags or anywhere between your <body> </body> tags. Either location will work fine.

Don't forget to place the 2nd snipplet of code mentioned above into the actual console page being called.

A working demonstration of a blur console:
 
Example of a blur console.

Homepage | Basic Consoles | Exit Consoles | Full Screen Exit Consoles | Sleeper Consoles | Invoked Click Consoles