Rounded Border Heading Style For Blogger

This is a Rounded Border Heading Style for Blogger.This Heading Style is made by Levis Raju. Heading are very important will writing post. We need to differentiate paragraph as per there topics.So this heading styles are gonna surely make your post eye catching. So have them in your blog.

Steps To Add This Heading Style To Blogger

• Login to your Dashboard.
• Go to Templates-->Edit Html.
• Find for ]]></b:skin> tag.
• Paste the below code just above ]]></b:skin> tag.

.post h2 {background: url("http://i1269.photobucket.com/albums/jj591/aditya9172/h3.png") no-repeat 4px center transparent;font-size: 20px;font-family: Oswald;font-weight:normal;padding: 3px 10px 3px 80px;color: #0274be;/*By blog-toolz.blogspot.com*/border: 3px solid #5bb5f0;text-shadow: 0 1px 0 #CCC;-moz-border-radius: 60px;-webkit-border-radius: 60px;border-radius: 60px;-moz-box-shadow: 0 1px 3px #5bb5f0, 1px 1px 0 rgba(255, 255, 255, 0.4) inset;-webkit-box-shadow: 0 1px 3px #5bb5f0, 1px 1px 0 rgba(255, 255, 255, 0.4) inset;/*By blog-toolz.blogspot.com*/box-shadow: 0 1px 3px #5bb5f0, 1px 1px 0 rgba(255, 255, 255, 0.4) inset;margin: 15px 3px;text-transform: uppercase;line-height: 1.3;}

• Now, Click on Save the Template.
• Now to apply it on any text just select the whole text and mark it as Heading while writing a Post.

It's Done.

Categories: Blogger Tricks , CSS