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.

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

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

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

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

    ReplyDelete
  10. 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
  11. Thank you!. This CSS command worked like a charm!

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

    idothisandthat.blogspot.com

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

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

    ReplyDelete
  19. 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
  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 Best Astrology Service Provider.
    Vashikaran Mantra

    ReplyDelete
  22. 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
  23. 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