Inserting widget Themeroller into Dreamweaver CS6

Inserting widget Themeroller into Dreamweaver CS6

Hello, I have tried for ages reading the forums and "getting started" page but nowhere can I find simple step by step instructions on how to insert the new awesome themeroller widgets .zip into my dreamweaver CS6 site. I've tried various different methods but I cant get it to work at all.

Before in DW I would install widgets (like the jQuery tabs widget from 2012)  into the "install widget browser" and upload the .zip file from there, but DW has disabled this in an update to try & force people to CC - :( - I am getting an error message now (shown below):

There was an error importing the widget:

The file:///C:/Users/sara/Desktop/jquery-ui-1.11.0.custom.zip could not be unzipped.  Make sure that this file is a valid Open Ajax Widget packaged by the Adobe Dreamweaver Widget Browser


I now need to do this manually, so really need easy instructions (with screenshots if possible) on how to go about doing this.

Unzipping the files into my site directory breaks the html page - (looks fine though if I open the .html file directly from my desktop)

I understand that I may need to install certain code onto my PHP page or change where the files are placed in the site folder etc? any clues, as i've spent a day trying a variation of copying and pasting things and getting flustered now.

thanks 
Sara