Monday, December 28, 2015

How to Align Center the Logo or Header in Blogger


By default, the Blogger header is aligned to left. So, what if you want your blog header or logo to be centered? Don't worry because it's easy!

Step by Step: How to Align Center the Header in Blogger

1. On your Blogger dashboard, go to Template > Customize 
2. On Blogger Template Designer, click Advanced (then scroll down) > select Add CSS
3. On the Text Box underneath the "Add Custom CSS", copy and paste the code below:

#header { text-align: center; }
#Header1_headerimg {margin: 0 auto; }

And your done! Simple isn't it? :)
You may refer to the image references below to guide you.

How to Align Center the Logo or Header in Blogger

How to Align Center the Logo or Header in Blogger

Finish product would be like this example blog.
View live demo here.

How to Align Center the Logo or Header in Blogger

Need more? Let me know what you think! Thanks! :)

4 comments:

Write your comment or message here.

Ads by Google