In this
short article I want to show in simple 4 steps how to center blog header in
blogspot.
By default
blogspot aligns the header in your blog to the left side. And this could be
frustrating as the outcome may be poor and unattractive.
Many
Blogspot themes on the other hand stretch the header images across the blog’s width,
so the alignment rarely affects your blog's appearance.
This
problem persists even when custom header images are used as the images are rendered
to the left side of the page thereby distorting the overall blog design.
This problem
can be resolve by extending your blogspot template with custom CSS code. The following
4 steps will help to resolve the issue.
1. Login to blogger dashboard. Select the blog to work on, click
on “Templatet> Customize” on the sidebar.
Step 1
2. Click on the Advance
tab, scroll to the bottom of the second column and click on Add CSS
3. Copy and paste the
following code into the Add Custom CSS
box (click then press CTRL + C to copy,
then CTRL + V to paste):
#header-inner {text-align:center !important;} #header-inner img {margin: 0 auto !important;}
Check the outcome from the Preview box below before proceed to the next step.
#header-inner {text-align:center !important;} #header-inner img {margin: 0 auto !important;}
Check the outcome from the Preview box below before proceed to the next step.
4. Click “Apply to Blog”
at the upper right of the page.
That is it!
If you have done something like his recently kindly share your
experience.
I would like to
hear from you also as your opinion can help many of my readers out there.
Kindly share
your thoughts about this post via the comment box below. And if this post will
help someone around you feel free to share to your social circle.
No comments:
Post a Comment