Here's the tutorial on how to align the Post title in Blogger Blogspot template. Actually the Post title by default in Blogspot template is align in the left side.
Now you can place(Center or Right) by making/adding few changes in your blogger's HTML source code.
Step 1. First Sign-in to your Blogger click on Design under the Design Tab you will see Edit HTML click on it see below. befor you do this take a time to back-up your Blogspot template.
Step 2: Find the Below Code ( By preshing Ctrl+F ) Put the code inside the serch box than Enter.
header {
Step 3: Under the header { find the code h1 { by moving your mouse cursor a little down and find h1 { see below.
Step 4: Now just add the below code under the h1 { code.
text-align: center;
Final: It will look like see below.
h1 {
text-align: center;
padding:25px 0px 10px 5%;
color:$pagetitlecolor;
background:$pagetitlebgcolor;
font:$pagetitlefont;
letter-spacing:-2px;
See demo here:
Tips:- If yuo want to take blog header title in right side just change in the code like.
For right side code: text-align: right;
For Left side code: text-align: left; (or remove the code)
For Center code: text-align: center;
Now you can place(Center or Right) by making/adding few changes in your blogger's HTML source code.
Step 1. First Sign-in to your Blogger click on Design under the Design Tab you will see Edit HTML click on it see below. befor you do this take a time to back-up your Blogspot template.
Step 2: Find the Below Code ( By preshing Ctrl+F ) Put the code inside the serch box than Enter.
header {
Step 3: Under the header { find the code h1 { by moving your mouse cursor a little down and find h1 { see below.
Step 4: Now just add the below code under the h1 { code.
text-align: center;
Final: It will look like see below.
h1 {
text-align: center;
padding:25px 0px 10px 5%;
color:$pagetitlecolor;
background:$pagetitlebgcolor;
font:$pagetitlefont;
letter-spacing:-2px;
See demo here:
Tips:- If yuo want to take blog header title in right side just change in the code like.
For right side code: text-align: right;
For Left side code: text-align: left; (or remove the code)
For Center code: text-align: center;