How to Place Your Logo At The Center Of Your Blog in Blogger

Blogger allows users to use an header image or logo instead of blog title and description but by default, any image you upload to use as the header image or logo aligns by left i.e it will not appear in the center by default except if the image is same width as the blog header.

Below is what a Blogger blog header looks like with logo appearing at the left :

and below is what it looks like when centered :

As you can see, it looks more professional when centered.

So, How Do I Make Logo Appear In Center of Blogger Header?

Sign in to your Blogger blog dashboard

Go to “Template”

Click “Customize”

Click “Advanced”

From the Advanced options, click “Add CSS”

Then, copy and paste the code below in the box :

#header-inner img {margin: 0 auto !important;}
#header-inner {text-align:center !important;}

Click “Apply To Blog”

ad css to blogger blog template designer

You should noticed that the logo has been centered.

I hope this works for you.

This tricks works perfectly with Blogger Awesome Templates and Odimexy says template.

Leave a Reply

Your email address will not be published. Required fields are marked *