Type Here to Get Search Results !

How To Customize Blog Post Title In Blogger


How To Customize Blog Post Title In Blogger

Customize Blogger Post Title 

How to customize blog post titles on Blogger:
 
We can customize the titles of Blogger blog posts as needed. We can change the alignment, font, color, and size of the post title text. We can also add the background color to post titles and also add underlining below blogger post titles. This post will help you customize the titles of your Blogger blog posts to make them look better.


Each Blogger template has a custom CSS code for the post titles. By adding small attributes, you can customize the titles of the posts on your Blogger. With every change in the CSS code for the post titles in the Blogger template code, that effect will appear in all the post titles on your Blogger blog.

Follow the below steps to customize post titles in Blogger blog :

Step 1: Go to Blogger Dashboard

Step 2: Click on Template

Step 3: Click on Edit HTML

Step 4 : Search  .post h3 {   in your template code.



Note: use ctrl+F and type  .post h3 {     to go to that location.You can find the code below

.post h3 {
Font-family: Georgia;
font-size: 14px;
}

How to align the post title :

To align posts titles to center -
  • Insert new line  text-align: center;  after .post h3 {
For the right alignment -
  • Add text-align: right; below .post h3 { 
For the left alignment -
  • Add text-align:left; below .post h3 {
Like this, you can change the post title position in the Blogger blog.

How to change post title font size : 

add below line to the CSS code of posts titles.
font-size: 16px; 
If you want to increase post title font, just replace 16 with high value in the above code, like this you can increase or decrease post title font size.

How to add a background color to post title :

add below line 
background: #222222;
To change the background color of post titles, simply change the color code in the above line. 

How to add a background image to post title : 

add below code to the post titles CSS code.
background: URL("image URL") no-repeat;
If you want to repeat the image then replace no-repeat with repeat.

Step 5: Click on the Save template to apply changes.

Like this, we can add many effects to post titles in Blogger blog.

Note: It is better to backup your template before doing any changes in your Blogger template. If you get any errors while editing code in the template, the backup will help you.


Post a Comment

0 Comments
* Please Don't Spam Here. All the Comments are Reviewed by Admin.

Top Post Ad

Below Post Ad