How to center the header in blogspot

Your header image may not wide enough and you will see the image is placed on the left side.
Follow below steps to place your header image in the midlle..

1. Go to template

2.  Click Customize

3. Paste below code into the highlighted in yellow below. You may adjust the number "110" below to adjust the image placement.

.header-outer {margin-left:110px;}

Simple touch to enlarge image

Uchhh .. the image is very small and hard to see? By adding a few line in the HTML it will solve your problem. Follow below you'll able to enlarge image in your post and this effect will seen when hovering the mouse pointer on the image area.
On the Design Tab of the "page element" go to edit HTML and try find below code;

]]></b:skin>

If having problem to find it, use CTRL+F or F3 and paste.
It will find for you.

Paste below before the code ]]></b:skin>  and SAVE


.post a:hover img {
width:400px; height:200px; float:middle;
}

As an example;

.post a:hover img {

width:400px; height:200px; float:middle;

}]]></b:skin>

Advice to upload your template before made any change as a backup.
The zooming size can be adjust by changing the width and height or even to floating location left, right or middle on the code above.
Wow !! the enlarge image code is very fantastic.

Good luck..