Customize Blogger Subheadings, Minor Headings

;

Hello Guys, you have seen different websites where you can see a subheadings which actually looks
different to the headings than other blogs. Most of us want such headings, subheadings in our blog. 

So, in this post, we will be discussing on Changing our blogger Subheadings, Minor headings
If you want to Look Live Demo, Click On Live Demo Below:
LIVE DEMO

Now, Let's add it in our blog. Follow my Simple steps to get it in your blog;

• Go To Blogger Dashboard
• Select Your Blog and Click On Template
• Select Edit HTML
• Now, Search For This Code ]]></b:skin> using CTRL+F 
• Paste The Code Just Above It.

Code For Blogger Sub-Headings

/**Subheading by www.bloggercruzer.blogspot.com**/
.post h3 {
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigEj8AULjRVaIE1T6WyPmnTViUYR9aV1Y4oeL_looiD8ZYAVm2fDr0V9hJ73fiHsQb3T7XqGGGoNZZI1hcO72ICY1VgXngtXILiAOuVt9YvD4uhK5swFXzR2xgFa1Enf5_uQFqji6W6sQ/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;
}

And This Code For Blogger Minor Headings

/**Minor Heading by www.bloggercruzer.blogspot.com**/
.post h4 {
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXEvMzcuAjtCPyjLujWBLY_C5vGdgz3zlvUODs1VylpM7myRi8KPYnOAdGpjI9VxzU5eJNX4NnfQv4X4LEIeQTiwusL-rx3SxiTy1fNpE1ekXjQkIEKoKPWCHaHNGtybkGJljXzXYy798/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);
}

• Now, Save The Template
• Enjoy!!

The New Sub-Heading Of your blog must look like this;

THIS IS SUB HEADING 

And The Minor Heading Must Look Like This;

This Is Minor Heading

All Done. If You have any problems, feel free to ask Us.
Happy Blogging!!!!

Related Posts:

• Add CSS Codes in Your Blogger Blog Easily ; In my previous post, I had mentioned about CSS in Detail. So, i'm not gonna describe it anymore. In this post, we will be discussing on adding CSS codes In your blogger blog. Mainly, there are two steps of adding CS… Read More
• Add A CSS Badge For Your Blog; Hi Guys, today I'm Bringing you a new widget Called CSS Badge Which You Can Use In Your Blog. It Looks Attractive and show Your word while you hover your mouse over it. Today I Am Gonna Show You How To Add Badge For Your… Read More
• Customize Blogger Subheadings, Minor Headings; Hello Guys, you have seen different websites where you can see a subheadings which actually looks different to the headings than other blogs. Most of us want such headings, subheadings in our blog.  So, in this … Read More
• Change Scroll Bar Of Blogger; Hi guys, Today i'm bringing the best tutorial. In this tutorial, we will be discussing on how to change our blogger scroll bar. As we know that the default scroll bar of blogger looks ugly and unattractive. So, we will chan… Read More
• Change Selected Text Color To Red In Blogger; Hi guys, in this post, we will be knowing how to change the selected text color into red in blogger. The default Selected Text Color of blogger is blue and Most of the blogs do not have customized color selected text. So, … Read More