How to Add a Dividing Line Between Blog and Sidebar in Blogger

Step One // Two: Go to blogger's layout tab, then select Template Designer.

Step Three // Four // Five: Once in template designer, go to the advanced tab and scroll down to Add CSS.

 Step Five: Copy and paste the code I've listed for you below, based on which side your blog's sidebar is on. 

If your sidebar is on the right side, copy and paste the following code into your advanced CSS text box:

.fauxcolumn-right-outer .fauxcolumn-inner {
border-left: 1px solid #CCCCCC !important;
}


If your sidebar is on the left side, copy and paste the following code into your advanced CSS text box:

.fauxcolumn-left-outer .fauxcolumn-inner {
border-right: 1px solid #000000 !important;
}

Now, time to customize that code to fit your blog's design:

Increase 1px based on how thick you want your line to be (i.e. 4px for a thicker line)

Change solid to dashed // double // dotted for different line styles 

Change #000000 (basic black) to whatever color you want your line to be. If you aren't sure of your color's hex value (those 6 numbers) check out this website for a list of color values.  

Click "Save Template" and you're done! Please don't hesitate to ask any questions you might have, in the comment box below!