Saturday, August 13, 2011

How to decrease the space between the date header and post title in blogger

So I'm constantly bothered by designing blogs and the date header and the post title have a huge space between them. Well I just learned how to decrease that space and wanted to share a tutorial with you guys.
The first thing you want to do is click on "template designer" it should bring you to a page that looks like this:



Then click on the "advanced" bar in the far left hand corner of the screen as seen below. Then scroll down the entire list to where it says "Add CSS":



Post this code into the CSS box, then go to the end of the code and press the space bar to see it take affect.


h3.post-title {
margin-top: -25px !important;
}


If the space is still to large for your liking simply change the -25px to a larger negative number e.g (-30) or contrarily if the space is too narrow simply make it a smaller number e.g (-10). If you like what you see simply click on "apply to blog" and then "back to blogger" to see your new post look.

91 comments:

  1. I googled for exactly this wording and your solution was quick and simple. Sometimes the internet is that good. Thank You.

    ReplyDelete
  2. Thank you so much! It's very simple. :)

    ReplyDelete
  3. The space between my blog header and post section is too large. It drives me nuts. Could you take a look? It seriously ruins the look of my blog that I've worked so hard to design - with not even a pinch of formal training. Thanks!! jen

    ReplyDelete
  4. How about between the title and the first line of the post?

    ReplyDelete
  5. I have the same question as Jennifer James. I'd like to know how to reduce the space between my header and my actual posts section, it's too big and makes my blog look awkward!

    To see what I mean, check my blog, www.sushiibear.blogspot.com

    ReplyDelete
  6. Thank you, this was very easy and it worked!! I have been trying to switch my date and post title, with no luck!

    ReplyDelete
  7. Hi Becky,
    Thank you so much for this great tutorial, I was so frustrated with this. Speaking of the date header, I love yours. Is there anyway that you could share with me how I can have one similar to yours.

    Thanks,
    Robin @ Fluster Buster

    ReplyDelete
  8. good work thanks a lot....support Africa !!!!

    ReplyDelete
  9. Thank you!. This CSS command worked like a charm!

    ReplyDelete
  10. Wow!! Thank you so much! I've been trying to figure out how to do that for such a long time now I really appreciate this tutorial!

    ReplyDelete
  11. I was wondering how to change the spacing for when the date is below the title. On my blog it is normal for the first post but when I scroll to the other posts, the spacing is all weird. Do you have an idea as to what the problem is?

    ReplyDelete
    Replies
    1. I was wondering the same thing!

      Delete
    2. I have been looking for a solution to this same thing!

      Delete
    3. I have been looking for a solution to this same thing!

      Delete
  12. Yey!!! Thank you for this tip :)

    idothisandthat.blogspot.com

    ReplyDelete
  13. this is my blog
    vashikaran24x7.blogspot.com
    how to decrease space between My Pic and Title
    plzzz help

    ReplyDelete
  14. vashikaran which is effective #vashikaran# #specialist# technique that helps you fulfill your all desires and dreams of life.

    And Visit Us http://www.vashikaranspecialistinjaipur.in

    ReplyDelete
  15. vashikaran which is effective #vashikaran# #specialist# technique that helps you fulfill your all desires and dreams of life.

    And Visit Us http://www.vashikaranspecialistinjaipur.in

    ReplyDelete
  16. this tip was perfection. I used it on exodustreasures.blogspot.com

    ReplyDelete
  17. Vashikaran Specialist is a strongest strategy by which an individual can pull in & control anybody's spirit and works as indicated by Vashikaran and Black Magic Specialist.

    If You More Information Visit Us >>> Vashikaran Specialist & Black Magic Specialist

    ReplyDelete
  18. Vashikaran Specialist is a strongest strategy by which an individual can pull in & control anybody's spirit and works as indicated by Vashikaran and Black Magic Specialist.

    If You More Information Visit Us >>> Vashikaran Specialist & Black Magic Specialist

    ReplyDelete
  19. Vashikaran Specialist is Best Astrology Service Provider.
    Vashikaran Mantra

    ReplyDelete
  20. Vashikaran is a process to control the mind of someone with the help of tantrum-mantra. This is known as love-spells in western countries. If you are in love with someone then you can use vashikaran to get your love back. In fact, in South Asian Countries, vashikaran is used to win over one’s beloved or your ex-love. This method is used to attract people around you. Using Vashikaran you can control your boss, husband, wife, son or daughter if they are in bad company or anyone whom you love. Though while using this, it should be kept in mind that its negative use may harm not only your target but also you. Girls and ladies often use it to get married to her boyfriend or lover.
    Guru Ji Ph.: +91- 9876146495
    Email: Guruji109@gmail.com
    Website: http://www.vashikaranspecialist.com
    [URL]lovevashikaranguru7.blogspot.in[/URL]

    ReplyDelete
  21. You can get your lost love back, friends/family wife/husband, and child back for life time.With the help of Love Vashikaran Expert Astrologer online service, you can get your lost love back. In India Vashikaran Specialist are serving their services in Mumbai, Kolkata, Chennai, Bangalore and other states online.

    Molvi Ji Ph.: +91- 8559072911
    Email: molviji911@gmail.com
    Website: http://786molviji.blogspot.in

    ReplyDelete
  22. Thank you for helping people get the information they need. Great stuff as usual. Keep up the great work!!!

    I want my love back

    love solution baba ji

    ReplyDelete