Outside Sidebar

Moving the sidebar to the right of the header seems simple enough.

— Change #header-wrapper -- to width of #main-wrapper

— #header-wrapper -- float:left;

— Change #header-wrapper - margin:0 0 10px;

— Move <div id='sidebar-wrapper'> between <div id='header-wrapper'>'s closing </div> and <div id='content-wrapper'>
 ––This can easily be done with the Expand Widget Templates box unchecked

A post-change tweak to lower the sidebar a little.
—#sidebar-wrapper {
  width: 220px;
margin-top: 8px;

A change like this should be worked out on a test blog before moving the changes to a live one. Add the key elements and some content, and check everything to make sure it will work as desired.

Read More Script

"edensGarden" Read more test has concluded and the base test template restored.

This Read more example adds the link that was missing. The discussion is in Blogger Help Forum.

I have made a further modification: I added a Read full post link to the end of the comment line in the post title as a possible alternative. That was done by slightly modifying and repositioning the bold link code that is in the BHF reply.

Additionally, I restored the Blogger navbar so I can easily edit the template, and faded it some.