How to add simple dotted border to post title in Blogger?

Did you see two beautiful horizontal dotted lines on the post titles of our blog? It's quite cool. Isn't it? It not only gives distinctive appearance for our post titles but also makes them appear quite professional just at a glance. This is actually another version of subheading customization. Don't worry. We will make this happen in your blog too. 

To add dotted borders for your post titles, consider the following steps:

Login to your blog>Click on Template>Click on Edit HTML>Find (Ctrl+F): ]]></b:skin>. And just above it, paste the given code:

.post h2{
color:#666;
border-top:1px dotted #666;
border-bottom:1px dotted #666;
font-size: 23px;
padding-top:2px;
padding-bottom:2px;
}

Customization:

1. color:#666; To change the background color of your post title area. 
2. border-top:1px To change the thickness of dotted line above Post Title. 
3. border-bottom:1px To change the thickness of dotted line below post title  
4. font-size: 23px; To change the font size of your post title

Once you have changed everything as per your requirement, click Save Template. You're done. Enjoy Blogging. Cheers!