4 Awesome CSS Style Style Headings For Your Blog

In few post back i share with you guys a tutorial on customizing blogger default subheading using Html & CSS. Styling the Headings lets users to locate certain part of the post easily and make your content look more attractive. In this tutorial i will share with you guys 4 awesome CSS style Sub Headings code. So lets dive into it.

How To Style Sub Headings ?

Before checking out 4 awesome CSS code for sub headings you need to know how to use those codes.  So check out below tutorial before before moving on to this post.

• How To Style Sub Headings In Blogger Using CSS ?

Heading Style #1

/*queenslodge.blogspot.com*/
 .post h3{
color:#5daef2;
border:1px solid 5daef2;
font-size: 18px;
padding:5px;
padding-left:20px;
border-radius:20px;
box-shadow:0px 0px 12px #2091f0;
}

Heading Style #2

/*queenslodge.blogspot.com.com*/
.post h3{
color:#255a2f;
border:1px solid 255a2f;
font-size: 18px;
padding:5px;
padding-left:20px;
border-radius:10px;
}

Heading Style #3

/*queenslodge.blogspot.com.com*/
.post h3{
color:#e9ae20;
border:1px dotted #e9ae20;
font-size: 18px;
padding:5px;
padding-left:20px;
border-radius:20px;
}

Heading Style #4

/*queenslodge.blogspot.com.com*/
 h3{
color:#777373;
border:3px solid #777373;
font-size: 18px;
padding:5px;
padding-left:20px;
border-radius:10px;
background:#e6e3e4;
}

Any Questions ?

If you have any questions or queries or want to further customize above css codes then feel free to leave a comment below i will be glad to help you out.