Customize Heading Style in blogger & Wordpress

All webmaster always thinking about best looking theme which are Unique design and attractive. You see that my heading style of this website. it's usually top line and bottom line from solid color. Give Style to heading gives an interesting and attractive look to your blog content. Customize Heading Style will give you another benefit about readers find easy to find main topic. So this way you also increase your search engine ranking because heading tags gives a really good impression in search engine robots. I here present this tutorial mainly for blogger blog but some style also to added you wordpress site.
Let's see how to customize.

Customizing Heading Style Using Simple coding – For Blogspot Users

Have a look at the video below,

how to customize Heading style Do the following steps

Step : 1 Go to your blogger account and sign in
Step : 2 Go to Template>> Edit HTML
Step : 3 Search word ]]></b:skin> ( Press Ctrl+F)
Step : 4 Just above ]]></b:skin> Paste any one code from below which you like

Heading Style with a only bottom border, use below code

.post h3{
color:#FF0000;
border-bottom:s1px solid #FF0000;
font-size: 12pt;
padding:2px;
}

Heading Style with a Top and bottom border use below code

.post h3{
color:#FF0000;
border-top:1px solid #FF0000;
border-bottom:1px solid #FF0000;
font-size: 12pt;
padding:3px;
}

Heading Style with a only Top border, use below code

.post h3{
color:#FF0000;
border-bottom:s1px solid #FF0000;
font-size: 12pt;
padding:2px;
}

Customized Color and style

All the Codes above are use simple properties which are given below
you can change also above code from color code (Use Hex code for changing new color), Give 1px to 2 px for dark line, you can also change font size 12pt to 14 pt, 16pt as per your requirement.

If you want to doted line than change word from above code solid to dotted

you receive below result after adding above code to your blog