December 1, 2011

How to Center your Post & Date Titles

Time for another Blogger Tutorial! This one is simple and easy, no need to go into your "Edit HTML" page and freak out thinking you will end up deleting your whole blog. All you gotta do is follow a couple simple steps and you've got yourself centered post titles & date headers. 

First you will need to go into your Design Tab and click "Template Designer"

Click on Advanced then Add CSS.....

and add the following codes:
.post-title {
text-align:center;
}

.date-header {
text-align:center;
}

Once you add the codes, hit "Apply to Blog" to save your changes and you are Done!! Pretty Simple huh?  If you are new here and would like to see more of my blogging tutorials you can find them here or by clicking the "Tutorials" tab on the navigation bar. Hope this tutorial was helpful! Let me know if you used it, and if you guys have any specific blogger tutorials you would like to see, just leave a comment letting me know! 

Photobucket

59 comments:

  1. Thanks Cindy! I just did this to my blog! That is really helpful, I am excited to read more of your blog tips because my blog is new and I am just learning as I go!

    ReplyDelete
  2. Thanks, your the best! i needed this cause i plan to change my header so you posted this just on time :) yay!

    ReplyDelete
  3. Yay! So glad this worked for you all! I just love the look of centered posts it just makes it easier to read and so much neater! :)

    ReplyDelete
  4. Wahoo! I just did this, thanks for the hook up friend!

    ReplyDelete
  5. Thanks for this! I love these tips!
    My date didn't center ... is that because of my template?

    ReplyDelete
  6. yay i just did this finally and love the way it looks! it dos look a lot neater :) thanks girl. oh and i also added a frame like you explained on one of your many great tutorials. thank you so much :)

    ReplyDelete
  7. Well I tried this and it didn't work at all...tried twice. Hmmm...

    ReplyDelete
  8. Hi Cindy, thanks for all the blogging tips. I'm going to keep you close by to help me with different things. Thanks so much for sharing your expertise. I have recently found your blog and am now following you, and will visit often. Please stop by my blog and perhaps you would like to follow me also. Have a wonderful day. Hugs, Chris
    http://chelencarter-retiredandlovingit.blogspot.com/

    ReplyDelete
  9. this was so helpful! thank you!
    I'm following you now, so happy to have found your blog!
    happy new year!
    xx

    ReplyDelete
  10. extremely helpful! thank you as well, Cindy! :) hope you have time to stop by my blog!

    http://enjoyerofgrace.blogspot.com/

    ReplyDelete
  11. This didn't work for me, help! :(

    ReplyDelete
  12. my blog is http://mrsheek.blogspot.com/ Thanks Cindy!

    ReplyDelete
  13. Worked perfectly!
    http://www.hello-newday.blogspot.com

    Thank you!

    ReplyDelete
  14. Hey! :) How do you center the date and post title by editing the HTML? :) And how do you reduce the space between the date, and post title? Thanks! :D

    xo,
    Mikailah~

    ReplyDelete
  15. worked amazingly ! thank you!

    LOVEloannie @ www.creativeswts.com

    ReplyDelete
  16. Thank you so much, it worked! :)

    ReplyDelete
  17. This was so helpful and worked perfectly! TYVM!

    ReplyDelete
  18. None of your codes are working for me :( What should I do???

    http://the-dog-problems.blogspot.com/

    ReplyDelete
  19. Hey, your codes work excellent for me, but I was wondering if there is a similar one to get the whole labels, posted by etc centered too?

    ReplyDelete
  20. Thank-you so much for sharing this!

    ReplyDelete
  21. So happy to stumble onto your blog. Just used this tip. Super easy...thanks so much for sharing! :-)

    ReplyDelete
  22. Thank you soo much for this tip, I used this on my blog and I think it looks mch better now! And oh, I love your blog! <3

    ReplyDelete
  23. I searched for a way to center my post title and found your blog.
    Thank you so much for sharing the codes, I have used them on my blog and it was so easy:)
    I will make a tutorial for my readers on my own blog and in the post i am linking to your blog, I hope that is ok.

    Thanks again,
    Hanne

    ReplyDelete
  24. Thank you for this tutorial! I just came across it, and it helped me a lot. :)

    ReplyDelete
  25. Thank you! I just tried this and it worked even after a glass of wine!

    ReplyDelete
  26. Thank you so much, I've been looking all over for this tip since I don't know html at all. Worked like a dream! :)

    ReplyDelete
  27. Thank you! :) http://alextilll.blogspot.com

    ReplyDelete
  28. Thank you for this. I just applied it to my blog and I love it.
    http://barbsiesmusings.blogspot.com/

    ReplyDelete
  29. THANK YOU SO MUCH FOR YOUR HELP!!!

    www.justshazea.blogspot.com

    ReplyDelete
  30. This is really great. Thanks for posting! I found you through my bloggy friend at BookandBird.blogspot.com and glad I stopped by.
    New GFC follower and can't wait to read more of your posts.
    ~Kim
    http://2justByou.blogspot.com
    PS - If you like blog hops, Meet & Greet is live for the weekend!

    ReplyDelete
  31. Yay! It worked! It's been driving me crazy not being able to have my post titles in the center. Thank you so much for this quick and easy guide!

    ReplyDelete
  32. Thank you so much! I am still figuring this blogging thing out. How do I follow your blog?

    xo.
    -A

    ReplyDelete
  33. This was wonderfully helpful thank you!

    ReplyDelete
  34. Super helpful info -- thank you! :)

    ReplyDelete
  35. THANK YOU SO MUCH!!! I've tried to center my date header for MONTHS now without luck! I'm so happy right now :-)

    http://frklarsenhappiness.blogspot.dk/
    /Cecilie

    ReplyDelete
  36. can you give me the html code !

    ReplyDelete
  37. Thank you so much! Much easier than other tutorials I've found online where you have to edit stuff in the whole html document. THANKS!!

    ReplyDelete
  38. Thank you so much for this!! The easiest tutorial ever! You saved me!

    xo-
    Jody of www.jodybchic.com

    ReplyDelete
  39. You are an angel! I have tried to find how to fix this all over the internet but here I found it! THANK YOU!!:)

    Ida/
    http://www.sevenstepstotown.com/

    ReplyDelete
  40. Wow. I've been trying to do this for hours. I had no idea it would be this easy. Thanks so much!

    http://yvettesphotography.blogspot.com/

    ReplyDelete
  41. do you know how to get jump-cut to align in the centre? thank you so much for this! I love your blog!! xxx

    ReplyDelete
  42. thanks! It did work! :)

    http://www.apieceofkish.blogspot.com

    ReplyDelete
  43. The great post on your blog, it really gives me an insight on this topic. Matemingler is the number one dating site for singles seeking long-term relationships. Join for free to be matched with compatible singles.
    dating website
    dating sites
    dating site
    the best dating websites
    number one dating website

    ReplyDelete
  44. I can't believe how easy it would be. Thank you so much!

    ReplyDelete
  45. Very helpful. Thanks a lot! :)

    http://andygulle.blogspot.com/

    ReplyDelete
  46. Dear Cindy, I've tried it and it worked! But i my post and my header aren't in the same line, do you know how i can fix that?

    Here is my website:

    www.dominiquecandido.com
    Could you please help me out :)

    xxxx

    ReplyDelete
  47. Excellent topic..helped me a lot. Thank you!!

    ReplyDelete
  48. Years later... Still helpfull, thankyou so much!

    ReplyDelete

I would LOVE to hear from you! :)