With a single change in the CSS code of your blog post titles in the template code, you can apply the same changes to all post titles in your Blogger blog. You can customize the heading, font size and color, line height, and background color or image. Therefore, it is better to customize the post title CSS code in your blog template code instead of customizing each individual post title manually. Also, proper customization is necessary for optimizing your post titles. By default, all post titles contain the h3 tag, but to optimize your post titles, use the h1 tag for all your post titles. In this post, we will discuss how to customize post titles, and later, I will show you how to set the h1 tag for your post titles.
Step 1 : Go to Blogger Dashboard
Step 2 : Click on Template
Step 3 : Click on Edit HTML
Step 4 : Search .post h3 { in template code. You see code like below
.post h3 {
text-align:center;
margin:.25em 0 0;
padding:0 0 4px;
font-size:140%;
font-weight:normal;
line-height:1.4em;
color:$titlecolor;
}
Here you can change font size , text-align , title color and more
Note: Sometimes the above code may appear different in your Blogger template. It depends on your Blogger template. If the same code doesn't appear, just find ".post h3 {" in your Blogger template code, add the required HTML tags under ".post h3 {" and also change the tags as per your requirement.
How to customize Blogger blog post title :
In Blogger it is really easy to customize post titles than in WordPress. In Blogger you can easily find out the post titles CSS code, there you can do all changes. This process is easy to learn and follow.Follow these simple steps to customize post title 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 template code. You see code like below
.post h3 {
text-align:center;
margin:.25em 0 0;
padding:0 0 4px;
font-size:140%;
font-weight:normal;
line-height:1.4em;
color:$titlecolor;
}
Here you can change font size , text-align , title color and more
Note: Sometimes the above code may appear different in your Blogger template. It depends on your Blogger template. If the same code doesn't appear, just find ".post h3 {" in your Blogger template code, add the required HTML tags under ".post h3 {" and also change the tags as per your requirement.
Step 5 : Click on Save template.
After customizing, all the changes will affect all your post titles of your Blogger blog.
If you want to add a background image to your Blogger title, then add the following line to the code in Step 4:
background: url("image url");
This is how you can customize your blog title in Blogger.
No comments:
Post a Comment