I listed several steps on how to do it one by one. Try to pick one that will suit in your blog.
FIRST OPTION
(this is for the new blogger interface)
1. Log in to your blogger account
2. Click Template.
3. Go to your Customize > Advanced > Add CSS
4. Add this code:
#header-inner img {margin: 0 auto !important;}#header-inner {text-align: Center ;}
5. Click Apply to blog
6. Enjoy!
SECOND OPTION
1. Log in to your blogger account
2. Click Template
3. Go to Edit HTML
4. Use (CTRL + F) and find this:
#header-inner {text-align: left ;} --- (or whatever "left" may say)
5. Then change left to center
#header-inner {text-align: Center ;}
6. Save template
7. Enjoy! :)
THIRD OPTION
1. Go to Dashboard > Template > Edit HTML.
2. Look for ]]></b:skin> line in your HTML code
3. Add this code right before it
2. Look for ]]></b:skin> line in your HTML code
3. Add this code right before it
#header-inner {background-position: center !important; width: 100% !important;}
4. Save template
5. Enjoy! :)
Currently, these are just some of the ways that you can use. The first one works really fine with me. Instead of editing the html, it's safer adding the CSS snippet. Just remember to download template first and back up your file just in case you'll use the last two options in case their will be a mistake.
I cannot guarantee the 2nd and 3rd option since I've only done the first one. I added it here in case it would work out on your case my dear readers.
I hope this helps. I would appreciate your comments if it works on your blog.
No comments:
Post a Comment