*************************************************************** Here's the code: ***************************************************************
*************************************************************** Here's how to install to your 2 column blogger blog: *************************************************************** 1. Copy the contents of the text above for your background. 2. Sign into your Blogger account and go to your Dashboard. 3. Under Manage Blogs, click on Layout for the blog you wish to edit. 4. Make sure your template is set to Minima. To change your template, click on Pick New Template and choose any of the Minima templates. 5. Click on Page Elements (under the Layout tab). 6. Click on Add a Gadget, then select the HTML/JavaScript gadget. 7. Paste the contents which you copied in step 1 into the Content text area. (You may want to move this widget to the bottom of your sidebar so you don't have a blank space at the top) 8. Click on Save and then View Blog. *************************************************************** If you'd like for your font colors to match the design, here are the RGB colors: Aqua - #5ab5c6 Red - #e50a4e Light Brown - #665440 Dark Brown - #5d493e **************************************************************** The template width is 800px wide. To keep your text inbounds, you'll need to make sure your template is set no wider than 770px. See below for the correct code to use in your template: #outer-wrapper { width: 770px; margin:0 auto; padding:10px; text-align:$startSide; font: $bodyfont; } #main-wrapper { width: 510px; float: $startSide; padding: 20px 0; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ } #sidebar-wrapper { width: 220px; padding: 20px 0; float: $endSide; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ }