How To Add Stylish h1,h2.h3,h4,h5,h6 Headings in Blogger

Install h1,h2,h3,h4,h5,h6 heading atonce

• First of all Log in To www.blogger.com
• Click Template>>Edit HTML and Press Ctrl+F
• A box will be appear then find ]]></b:skin>
• Then given below code paste before/above on ]]></b:skin>

Demo Here of All Headings

Heading h1

Heading h2

Heading h3

Heading h4

Heading h5

Heading h6

Heading Codes

/* The Creator of this code is www.itdr4u.blogspot.com Don't change anything without Autor's permission */
.post h1{
font-family: Emmett;
color:#FF0000;
text-align: center;
border-bottom:2px solid #FF0000;
font-size: 18pt;
padding:5px;
}
.post h2{
font-family: Emmett;
color:#000;
text-align: left;
border-bottom:2px solid #000;
font-size: 15pt;
padding:1px;
}
.post h3{
font-family: Emmett;
color:#06CB19;
text-align: center;
border-bottom:2px solid #06CB19;
font-size: 15pt;
padding:1px;
}
.post h4{
font-family: Emmett;
color:#5484FF;
text-align: center;
border-bottom:2px solid #5484FF;
font-size: 14pt;
padding:3px;
}
.post h5{
font-family: Emmett;
color:#F7B400;
text-align: center;
border-bottom:2px solid #F7B400;
font-size: 14pt;
padding:3px;
}
.post h6{
font-family: Emmett;
color:#129321;
text-align: center;
border-bottom:2px solid #129321;
font-size: 13pt;
padding:3px;
}

Important Changes Read Carefully

I have make just Bottom border headings in which i have use just border-bottom:2px solid #129321; and if you want to make top and bottom border headings then simplay paste this code border-top:2px solid #129321; above that code border-bottom:2px solid #129321;
If you want to make rounded border heading, simply paste these codes  
border-left:10px solid #666;
border-right:10px solid #666;
padding:3px 5px 3px  20px;
border-radius:15px;
-moz-border-radius:15px; before the close curly bracket } .
And if you want to add shadow also in your headings then paste these code
box-shadow:0px 0px 13px #666;
-webkit-box-shadow:0px 0px 13px #666;
-moz-box-shadow:0px 0px 13px #666; before close curly bracket }.

A Perfect Rounded Border Shadow Heading

Complete h3 shadow border heading code look like that
 

Live Demo

.post h3{
font-family: Emmett;
color:#5484FF;
text-align: center;
border-top:2px solid #5484FF;
border-bottom:2px solid #5484FF;
font-size: 14pt;
padding:3px;
border-left:10px solid #5484FF;
border-right:10px solid #5484FF;
padding:3px 5px 3px  20px;
border-radius:15px;
-moz-border-radius:15px;
box-shadow:0px 0px 13px #5484FF;
-webkit-box-shadow:0px 0px 13px #5484FF;
-moz-box-shadow:0px 0px 13px #5484FF;
}

• In above code there are three main sensitive parts for heading style.
• which Text is Red, used for top,bottom broder and left,right radius area shadow
• The 2nd one is Green Text,it show that style of left and right border thickness and radius
• If you want to make a dotted heading instead of thick line then simplay Replace Dotted with Solid keywords.
• You can also change the radius by use the values in border-radius:15px; or whatever.
• Now the last is Top and bottom border text which color is Yellow. if you want to make a top border heading then remove the bottom-border code and if you want to make a bottom border heading like me then remove the top-border code.
• You can use you desired color by using HTML Color Code Generator.