How to Border Around Posts and Sidebar Items

This may work with other Blogger templates, but I have used "Minima" for all of mine, so this is what I know best, and what I'll be using for this explanation.

First, find the place in the HTML for your template that says:


.post {
margin:.5em 0 1.5em;
border-bottom:1px dotted $bordercolor;
padding-bottom:1.5em;
}


You then need to add a few lines describing the border, as below. I added a background color which changes the color inside the box I’ve created, and "padding" which keeps the post text a certain distance from the box (like a margin). You can create a boarder with a wider pixel (px) width, but I like the thin look of 1 px.


Here are the changes:

.post {
background: #ffffff;
margin:.5em 0 1.5em;
padding:8px 8px 8px;
border:1px solid #000066;
border-bottom:1px solid #000066;
border-width:1px 1px 1px;
}



To do the same on the sidebar, find:

.sidebar ul {
list-style:none;
margin:0 0 0;
padding:0 0 0;
}

And make similar changes as above, adding lines for background color, borders, and padding:

.sidebar ul {
background:#ffffff;
margin:1.5em 0 1.5em;
padding:8px 8px 8px;
border:1px solid #000066;
border-bottom:1px solid #000066;
border-width:1px 1px 1px;
border-bottom:1px line #000066;
}

The numbers represent html color codes, you will choose colors you like, based on the rest of your template look.