15 February 2013

How To Center Your Blog Header In Blogger

Blog Header is very important feature of any blog, because at first your readers look at your blog logo and tagline. So, an impressive blog header can make your viewers to look what the blog is all about.

By default the blog title and tagline is left aligned in blogger; so if you want to center your blog header, then please follow the below steps.



How To Center Your Blog Header In Blogger
Blog Header Before Alignment

Stepwise Tutorial - How To Center Your Blog Header In Blogger

Step 1 : Go to Blogger

Step 2 : Click on Template

Step 3 : Click on Edit HTML

Step 4 : Now press Ctrl + F and find this line in your template

.Header h1 {

.Header h1 {


Step 5 : Just below this code put the following code

text-align: center;


Step 6 : Now it will look like this

.Header h1 {
text-align: center;


Step 7 : Now click on Save Template


And if you also wants to center the blog description then find

.Header .description {

Just below this code put the following code

text-align: center;

Now it will look like this 


.Header .description {
text-align: center;

Now click on Save Template


How To Center Your Blog Header In Blogger 1
Blog Header After Alignment


Enjoy