dynamicwp floating contact form

Hey guys im wondering if anyone have any new information on how to make a floating contact form and or when an add-on will be coming out?

This one...
http://www.dynamicwp.net/contact-form-demo-page/

I'm trying to follow these instructions but i'm having no luck : [
http://wpaoli.building58.com/2009/09/jquery-tab-slide-out-plugin/

http://www.gogreenmktg.com Forgive me i'm a total NOOB

So Following the instructions from the above link...

I downloaded the sample page It had 3 folders in it ccs , images, and js... I placed all of the files into the directories accordingly (except the css file i just copied and pasted the code into my css)

body{padding:0;margin:0; background:#39424b; font-family: verdana;}
h1, h2{padding:0;margin:10px 0 10px 0;}
h1 {font-size: 150%;}
h2 {font-size: 110%;}
p{padding:0; margin:0 0 5px 0;}
a {color:#176092; text-decoration:none;}
a:hover {text-decoration:underline;}
#wrap {width:960px; margin: 0 auto; background:#999;}
#header, #footer {background: #0f1923; color:#fff; padding:10px 40px;}
#footer p {font-size:80%; text-align:right;}
#content {background:#ccc; padding:10px 40px;}
pre {font-size:85%; background:#fff; border:1px #ccc solid; padding:5px}

Now i guess where i'm lost is the next part "Type the html" it gives you this code...

<div class="slide-out-div">
Content
<h3>This is extra content</h3>
<p>Something that wasn't important enough to be in your main body,
but that you wanted to hide off the side of your screen for some reason.
</p>
<p>Could be a form to submit feedback, or contact info</p>
</div>

Its HTML so obiously i don't put it in the CSS but it doesn't tell you what file to put it in ><

But im not sure where to put the other 2 blocks of code....

This Block...
<div class="slide-out-div">
Content
<h3>This is extra content</h3>
<p>Something that wasn't important enough to be in your main body,
but that you wanted to hide off the side of your screen for some reason.
</p>
<p>Could be a form to submit feedback, or contact info</p>
</div>

or this block...

$('.slide-out-div').tabSlideOut({
tabHandle: '.handle', //class of the element that will be your tab
pathToTabImage: 'images/contact_tab.gif', //path to the image for the tab *required*
imageHeight: '122px', //height of tab image *required*
imageWidth: '40px', //width of tab image *required*
tabLocation: 'left', //side of screen where tab lives, top, right, bottom, or left
speed: 300, //speed of animation
action: 'click', //options: 'click' or 'hover', action to trigger animation
topPos: '200px', //position from the top
fixedPosition: false //options: true makes it stick(fixed position) on scroll
});

Ive tryed many places havent been able to get it to work ><

Thanks for listening :}

Thanks