First, get the normal site working again. Use shell or FTP access to rename the .htaccess file to a different name, remove your changes, and get the original site working again. It is always easier to go from a working configuration to a non-working configuration rather than to try to find what you did wrong with the non-working configuration to get it back to working status again.
Take things one step at a time. Don't try to do it all at once.
Then, create your SSL directory. Start with a simple html file such as this
Get the page to show up with the https protocol. The SSL site directory needs to work before anything else will.
Then, copy your site into the SSL directory. Make sure that it works with https protocol before going on. Don't forget the settings -> general page for the site address.
Then, and only then, go to the http site and add the widget to redirect traffic to the https site. This widget does a 401 redirect to the https site if you access the http site. IT IS NOT REQUIRED FOR HTTPS PROTOCOL. I regret that you were misinformed about the widget. You need to have SSL on your site working first.
If you don't want two copies of the site, the create a sym link from the http location to the https location. The widget won't do anything if the protocol is https. But, HTTP protocol sites are usually in a different directory than HTTPS because the Apache configuration is in two different sub-sections.