How To Customize Blog Post Sub Heading & Minor Headind

Hi, After write my previous articles today i am gonna share how to customized blog post sub heading and minor heading.

Just Follow This Step

• Login your blogger account
• Click on Template
• Edit Html
• Expand Widget Template

Now find this code

]]></b:skin>

After finding the this code paste the following codes before ]]></b:skin>

Subheading Code

/**Subheadng by www.tonyisright.blogspot.com**/
.post h3 {
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKkcuqZLotSageO7Oqe2Sy43APCM25U9bHB9q8Zw49wQgFF2W8p_U7_DBrx_ahl7L6XBOox4r8Eorh0VGut6xWDxqohOtJgnpi0fbWrTPFx3V6DTCZag3-qZFAX7VFwhyphenhyphenfNBC-a4VN9nY/s400/BS%252BPostTitle%252B1.png") no-repeat scroll 4px center transparent;
font-size: 20px;
font-family: "Trebuchet MS",sans-serif;
text-align: left;
font-weight: bold;
width: 570px;
padding: 3px 10px 3px 30px;
color: rgb(165, 165, 3);
border: 3px solid rgb(200, 200, 0);
text-shadow: 0px 1px 0px rgb(204, 204, 204);
border-radius: 60px 60px 60px 60px;
box-shadow: 0px 1px 3px rgb(198, 198, 198), 1px 1px 0px rgba(255, 255, 255, 0.4) inset;
margin: 15px 3px;
text-transform: uppercase;
line-height: 1;
}

Change the Blue color URL with our desire icon and save the template.

Minor Heading Code

/**Minor Heading by www.Tonyisright.blogspot.com**/
.post h4 {
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4yOd0Cq3KECyBKjCPn0LOmJSYAV8Pc_AjkZjJsV22fKYdtwHN8VuvoLUlq406MTUI5xzn7tIRmKDXGH-JQqbrCmi5IwZnmAsyJibTsbaEuIYscUoWyC0c-GVnAEijuZnUq864WC6VAZw/s400/BS%252BPostTitle%252B2.png") no-repeat scroll 5px center transparent;
clear: both;
color: rgb(102, 45, 45);
font-family: "Trebuchet MS",sans-serif;
font-size: 20px;
font-weight: bold;
line-height: 1;
margin: 10px 5px;
padding: 6px 10px 2px 40px;
text-transform: none;
text-shadow: 0px 1px 0px rgb(204, 204, 204);
}

Change the Blue color URL with our desire icon and save the template.

you have done. !

If you need any help please comment below and keep visiting.