L'esempio (come quasi tutti quelli che ho visto fin ora) sono servizi esterni nel tuo caso http://wibiya.com/ e funzionano tutti alla stessa maniera.
Se vuoi qualcosa di personalizzato te lo devi fare, lavorando su dei div posizionati a fondo pagina tipo:
codice:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
</head>
<head>
<style type="text/css" media="screen">
body{
	margin: 0px;
} 
div#spazio{
	position: fixed;
	bottom: 0px;
	height: 35px;
	width: 99%;
	z-index: 100;
}
div#tool{
	background-color: #993300;
	opacity: 0.5;
	display: none;
	height: 30px;
	width: 90%;
	position: fixed;
	z-index: 50;
	bottom: 0px;
	left: 10px;
}
div#contenitore{
	background-color: #CCCCCC;
	height: 700px;
	width: 100%;
}
</style>
<script type="text/javascript">
function valida_form(){

}

</script></head>
<body>
<div id="contenitore">Inserire qui il contenuto per  id "contenitore"</div>
<div id="tool">Inserire qui il contenuto per  id &quot;tool&quot;</div>
<div id="spazio" onmouseover="document.getElementById('tool').style.display='block';"></div>
</body>
</html>