How-To: Reduce The Space Between Gadgets/Widgets [Blogger]

>

By default, Blogger sets a margin of (don't quote me on this) roughly 30px between gadgets/widgets. If you have a lot of gadgets or are using the HTML/Javascript gadget to add image titles like I have for a lot of my right sidebar, 30px between each gadget is just too much.

How adjust the space between Blogger widgets!?
To adjust the spacing between gadgets simply follow these easy steps.
Go to Template > Customize > Advanced > Add CSS
Paste in the following code:

.widget {
    margin: 5px 0 0 0;
}

Adjust the margin height. I have mine set to 5px.
Once you have entered this code and adjusted the width, you should be able to see the preview in the preview pane below. If you are happy with the size, click Apply to Blog.