In the last tutorial, I discussed how you can center align various elements on your blog. Today, I have a simple tutorial that will show you how to alter spacing between various elements in your blogger blog. You may have been wanting to space out the gadgets away or close to each other or wondering how to change the spacing between posts. A simple piece of code can make a big difference in the appearance of your blog.
Here's how you can do it.
ALTER SPACING BETWEEN SIDEBAR AND MAIN CONTENT
Go to Template> Template Designer> Advanced> Add CSS (If you need screenshots to help you locate this, refer to my previous post)
Type and hit enter
#sidebar-right-1{ position: relative; left: 25px !important;}
You can play around with the value in red and the preview will update to show you the changes. You could also enter negative values to see how it works for your blog. These values are just a standard of what works for my blog. So, don't forget to experiment.
ALTER SPACING BETWEEN GADGETS
Go to Template> Template Designer> Advanced> Add CSS
Type and hit enter
.widget { margin: 10px 0 0 0; }
ALTER SPACING BETWEEN POSTS
Go to Template> Template Designer> Advanced> Add CSS
Type and hit enter
.date-outer{ margin-bottom: 10px; }
For more of these blog tutorial posts, click here.
If you have any questions regarding this post or anything related to your blog design, let me know in the comments or drop me an email. I will be happy to help!
Have a great weekend, y'all!