customize post title

With single change in the CSS code of your blog posts title in template code, we can set same changes to all posts titles in your Blogger blog. With this we can set heading, font size and color, line height, background color or image. So it is better to customize posts title CSS code in your blog template code with out customizing individual posts title manually. Also proper customization must need to your post titles to optimize them. By default all post titles contains h3 tag. But to optimize your post titles, use h1 tag to all your post titles. In this post we are going to discuss about customizing post titles, later I will show you how to set h1 tag to your post titles.

How to customize 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: Some times the above code may appear different on your Blogger template. It depends on your Blogger template. When same code not appear, just find   .post h3 {   on your Blogger template code, add required HTML tags under  .post h3 {  and also change tags as you require.

Step 5 : Click on Save template.

After customizing, all the changes will effect on all your posts titles of your Blogger blog.

If you want to add background image to your Blogger title then add below line to the code in Step 4

background: url("image url");

Like this you can customize your blog title in Blogger.

No comments:

Post a Comment