Tuesday, 20 December 2016

Steps On How To Center Blog Logo On 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 OgbongeBlog Template.
SEE MORE PHOTOS AND DOWNLOAD VIDEO HERE



AD

0 comments:

Post a Comment

You are Responsible For any Comment Made Here