0
November 16, 2016

How to Center Everything on Blogger

For more of my styled desk photos visit my Etsy store!

HOW TO CENTER EVERYTHING IN BLOGGER / BLOGSPOT

Whether you are trying to center your header image, or center your post titles, I have all the codes for you. I remember having a hard time trying to center the sidebars, and center the page tabs and I couldn’t find a solution to this. After a lot of Google search, it wasn’t until I came across Carrie Loves that I finally found the solution to center everything in blogger! That is, the sections you decide to center.

To Start:

These center codes will be helpful if you have blogger / blogspot. I’m not sure if these would work with WordPress, Tumblr, SquareSpace, etc.

In your Blogger dashboard, on the left side click on Template > Customize >> Layout >>> Advanced >>>> Add CSS.

I hope I didn’t lost you, haha! I have included some images to make it easier to get to ‘Add CSS’. 

Before you make any changes always make a back up just in case! Again in Template > Backup / Restore >> Download template.

Now the Center Codes:

Now that you’re in the ‘Add CSS’ box, insert the center codes that you will need. After you include your center code don’t forget to click ‘Apply To Blog’, and you’re done!

That’s it! Now you can have different sections of your blog centered! Whether it’s your title, date, or sidebar. I hope these codes helped you.

You can also check out my How to Make Bilingual Blog Posts Tutorial if you’re interested in that.

Until next time!

More HTML Blogger useful codes:

Facebook | Instagram | Pinterest | Twitter | YouTube

You Might Also Like

9 Comments

  • Reply David Lee November 21, 2016 at 3:38 pm

    Great tips! Do these also work with WordPress? I blog about blogging for business a lot and would love to offer some simple WordPress tips.

  • Reply Anonymous November 23, 2016 at 3:45 am

    This is super informative! I have WordPress but I've always been interested in seeing how Blogger works!

  • Reply Rosalyn Osorto November 23, 2016 at 2:15 pm

    I honestly have no idea, I don't work with WordPress often. Thanks for passing by!

  • Reply Rosalyn Osorto November 23, 2016 at 2:16 pm

    Thanks Chealsea :))

  • Reply Harish July 13, 2018 at 2:08 am

    It's really a great post. You've nicely break down this guide. Thanks for amazing work. It really helps a lot.

  • Reply Rosalyn Osorto July 13, 2018 at 2:09 am

    I'm glad it helped!

  • Reply essaund October 3, 2018 at 3:42 am

    Hello,

    How do you make the whole post sit at the center of a webpage? I only want posts and not pages. That means, I want to eliminate the side bars too. How can I achieve that?

  • Reply Rosalyn Osorto October 3, 2018 at 3:45 am

    Hi, that's a pretty easy change to make. When you log in to Blogger, on the left column click on Theme > Customize. From here you can select a different theme, or under Layout select the body layout without the "side bars". Hope this helps!

  • Reply Rudrabha Mukherjee March 3, 2019 at 4:26 am

    Awesome one… It really helped me. Thank you so much 🙂

  • Leave a Reply