How to add a separator below each blog

Here we will discuss about adding a separator below every blog post for better blog structure. Hope you have like my previous blog for adding AddThis social bookmarking button below every blog post. 

Following are the steps to be followed carefully :

• Go to your blog control panel
• On the Left hand side, you will see an option for "Template"
• Click on Template --> Backup/Restore your Html file for safety --> Click on Edit Html --> Proceed
• Tick "Expand Widget Templates" on the top left
• Click CTRL + F to find (without quotes) - ".post-footer"
• Paste this code after ".post-footer {"-  border-bottom:2px solid #666666;
• You can change the line type to "dotted" instead of "solid". Also you can change the color of the border by changing values of "#666666" (Go to www.colorpicker.com)
• You should see similar type of code as below after pasting the border-bottom code -

.post-footer {
  border-bottom:2px solid #666666;
  margin: .5em 0;
  line-height: 1.6;
}