Sunday, 21 July 2013

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.


  1. thanks for this post, keep it up for updating us, i am waiting for ur new article.
    IPL 2015 Cricket live score
    mps computers
    Harjinder Singh

    thanks again

  2. Wow, absolutely fantastic blog. I am very glad to have such useful information.


  3. I'am glad to read the whole content of this blog and am very excited.Thank you.


  4. Selamat pagi bossku ^^

    Hari ini sedang sendiri ataupun tidak memiliki kegiatan ?

    Mari main Poker / Domino 99 di SahabatQQ dan rasakan sensasi kemenangan berkali - kali lipat ^^
    Apalagi yang kalian nantikan ? hanya dengan modal 20.000 saja loh ^^

    Link alternatif :

    - sahabat9988,net
    - Duniasakong,com
    - Duniasakong,net
    - Duniasakong,org
    - Duniasakong,info