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.

144 comments:

  1. Thank you! I was so needing that!!!

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

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

    ReplyDelete
  4. 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
  5. Just did it, thank you so much!! ;)

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

    ReplyDelete
  7. 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
  8. Thank you, this was very easy and it worked!! I have been trying to switch my date and post title, with no luck!

    ReplyDelete
  9. 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
  10. good work thanks a lot....support Africa !!!!

    ReplyDelete
  11. Very nice post, really very very nice post. I liked this post. Matemingler is the number one dating site for singles seeking long-term relationships. Join for free to be matched with compatible singles.
    number one dating websites
    number one free dating website
    dating

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

    ReplyDelete
  13. 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
  14. 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
  15. Yey!!! Thank you for this tip :)

    idothisandthat.blogspot.com

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

    ReplyDelete
  17. 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
  18. 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
  19. this tip was perfection. I used it on exodustreasures.blogspot.com

    ReplyDelete
  20. 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
  21. 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
  22. Vashikaran Specialist is Best Astrology Service Provider.
    Vashikaran Mantra

    ReplyDelete
  23. Information is useful and benefits for all.
    Vashikaran Mantra

    ReplyDelete
  24. 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
  25. 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
  26. 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