How To Centralize Title and Description of Blogger Blog ( +Video tutorial)

If you are not yet using an header banner for your Blogger blog, you can still make the title and description of your blog to appear in the middle of your header by adding some piece of code to your blog html. In this tutorial, a Video tutorial is also included to show you how to get it done.

How To Get Started

==> If you are still using the old Blogger dashboard, you can log in to your blogger dashboard and switch to the new blogger dashboard so you can easily follow this tutorial.

Log in to your Blogger dashboard

Click on "Template" (on the right hand side menu). You will see something similar to the picture below:

Click on the "Customize" button. This will open up the "Template Designer"

On the left menu, you will see "Advanced", Click on it.

A new menu will appear by the right. Scroll down till you see"Add CSS". Click on it.

A box will appear by the right hand side. Copy and paste the code below in it

.Header h1, .Header .description{

Click "Apply to Blog" by the top right hand corner.

If you view your blog, the title and description should now be at the center of your blog header as seen in the picture below:

That's all.

NOTE: If you downloaded a third party template that is not compatible with template designer,
==> go to Template > Edit HTML > Proceed
==> use CTRL F to find ]]></b:skin>
==> right above it, paste the alignment code in the post above.
==> Save the template and view your blog.

Below is a video tutorial that explains how to centralize your Blogger Title and Description:

I hope this helps.....


Share :


  1. Benedict4/09/2012

    Thanks so much for this. The Short video tutorial is really helpful. I hope you share more of this videos bro.

    1. Glad it helped. Yes, I hope to do more of video tutorials. Thanks for the comment.

  2. Anonymous4/12/2012

    @jide,does google adsense disables account if using stumble upon.do they frawn on using stumble.pls reply

    1. I have not read such in the Adsense TOS.

  3. It did not work for me.. am using the awesome inc template

  4. God bless you Jide for this, it took me months before I could get this, until I search google and click on your website that explains better. How can I make adverts center alignment too, please? You're such a genius and a God sent!

  5. Just tried this and it worked beautifully. Thanks, man!

  6. So greatful, it works for me.
    visit my blog http://www.pejuliciouz.blogspot.com

  7. Easy blogger tweak, thanks

  8. Thank you for this, it worked perfectly!

  9. Thanks bro. It works, this the first time of touching the CSS part on my template, Kudos #ogbonge master ;)

  10. Thanks bro. It really worked.

  11. Thanks it worked. But can i add more than one css code. And how???


  12. Nice work, ,it works well

  13. wow it really works for me visit my blog www.adubyte.blogspot.com

  14. thanks it worked for me, my blog is toptechhub.blogspot.com

  15. yaaaaaaay it worked for me,youpy!!!


We love to hear from you!

Sign in to comment "anonymously" without entering verification text.

Want to be notified when I reply your comment? Tick the "Notify Me" box.

If your comment contains unrelated links, I will not approve it, If auto-approved, I will delete it. So, don't SPAM us here.

If your comment is unrelated to this post, please drop it at my Facebook group here.


Designed by Jide Ogunsanya.