Reduce Space Between Gadgets In Blogger blog

How to Reduce Space Between Gadgets(widgets) In Blogger blog:

By default large space is there between gadgets(widgets) in blogger blogs.We can decrease or increase the space between gadgets(widgets) in blogs.This posts will help you to reduce space with out adding any CSS code to blogger, just simply change(decrease) margin values in blogger template.

follow the below simple steps to Reduce Space Between Gadgets(widgets) In Blogger blog

step 1 : go to blogger dashboard

step 2 : click on template

step 3 : click on edit HTML and tick expand widget templates box

step 4 : search below code

.main-inner .widget {
  background-color: $(widget.background.color);
  border: 1px solid $(widget.border.color);
  padding: 0 $(widget.padding.side) 15px;
  margin: 20px -16px;


Decrease values in margin attribute
like
margin: 10px -10px;

If you want decrease more space give small values in margin attribute.

step 5 : click on save template.