How To Easily Customize Subheadings Style in Blogger Using CSS

Headings are used to write desirable and attractive articles but if you are using a default template in Blogger, then you might have noticed that these are not looking beautiful in your Blog posts. So, in this post I'm going to show you 3 different ways to customize your subheadings styles in Blogger.

Customizing Headings in Blogger

• Sign in to Blogger and go to Template>>Edit HTML
• Press Ctrl+F and search for the following

]]></b:skin>

•  Just above it, paste the following piece of coding 

.post h3{
    border: 2px solid #a1a1a1;
    padding: 10px;
    background: #dddddd;
    width: 300px;
    border-radius: 25px;
}

• Click on "Save template" button and now, you can preview your heading. It will look like the following screen shot.

If you didn't like the above style then use the following piece of coding instead of the above

.post h3{
    border: 1px solid #D63EF1;
    padding: 10px;
    color:#500923;
    font-size: 12pt;
    background: #EEC0F6;
    width: 300px;
    border-radius: 10px;
   }

By applying the following CSS, 2 dotted borders will appear on the top and the bottom of your heading in red color with a hover effect

.post h3{
    border-top: 1px dotted #C12434;
    border-bottom: 1px dotted #C12434;
    padding: 5px;
    text-align: center;
    color:#E01B2E;
    font-size: 12pt;
    width: 300px;
}
    .post h3:hover {
    color:#000000;
}

 These pieces of coding are only for subheadings because most people only use these headings. After following the above guide, just write your post and select the text which you want to show as heading, click on subheading option in blogger post editor

Final Words

If you have any question about styling headings in blogger, then you can ask me in comment. I'll reply you to solve your problem or you can give me suggestions, I'll be happy to read your comment
Must Read: How To SEO Optimize Blogger Posts Titles