Monday, July 25, 2011

How To Remove Space Between Blogger Gadgets / Widgets

If you use Blogger you may have noticed that by default, Blogger places space between gadgets appearing in your sidebar (or sidebars). 

Removing the space between HTML/Javascript gadgets (such as AdSense ads) is easy - simply merge the HTML scripts together. For example, if you have an AdSense script and an image link (like in my sidebar), cut and paste the script from the second gadget, and add it to the bottom of the first gadget. Remove the second HTML gadget. Apply to blog, and test it out to ensure proper formatting. You can stack as many HTML gadgets together as you like.

Removing the space between non-HTML/Javascript gadgets (such as the Blog archive, hit counter, etc.) is a little trickier. However, this blog has posted an excellent guide. Given the complexity of this, I strongly suggest backing up your blog first - click the Settings tab in the Dashboard, and choose "Export Blog" to save a copy to your computer. If something goes horribly wrong, you can always restore it.

3 comments:

Tiffany said...

Awesome, simple, easy...Thanks!

nicole kane said...

lifesaver! so simple!
thanks!!

POM said...

I found another solution that is working great for me- by adding 3 line codes to the custom CSS to reduce the margin. You can take a look at here