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.winappsfree.blogspot.com**/
.post h3 {
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikuuMYkiuJRkab_mls1amXs9HCsTdAjyrNeWNnqo5LS2mhTvKT0aM7KyUdB6xkQmPQNs_3z6Tu1utHfLqnod9dhrxxNbXAbgLDQhCBzwjqOY8XtzQJgBjf58CQZZK1XGhabli17y0zp5E/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.winappsfree.blogspot.com**/
.post h4 {
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjso763PeeKUOU_dund9QRJu4V222hcCyLL_UYhyWgMkfkiFNCwZlcsJK6FxnxtunHTwxrVQ6GHeAhDGz4h3na5UHCSzXpCvUeovGM2nfQpWIT5pk8Iigy-XkmABOsGnzzYkotz_PIN_Nw/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.
you have done. !
If you need any help please comment below and keep visiting.
