Insert Horizontal Lines Bellow Posts And Vertical Line Between Posts And Sidebar On Blogger

When you add vertical and horizontal lines to your blogger blog template it  makes it's appearance looks good which is one of the ways you can customize blogger template.
In this post you are going to be seeing a code to use and insert those lines or strokes to your blogger blog template, code use on this post work perfectly with all blogger template.

Start inserting the line by

Going to blogger and log in with your blog account
navigate to the template area (i.e dashboard drop-down--> Template or form the sidebar)
Click on the "Customize" button bellow your blog template thumbnail 
when you  are on your blog template designer environment just click on the advance option to navigate to the "Add Css" area where you need to copy and paste the code bellow

To add the Horizontal line Under all your blogger blog post or bellow blogger share button as you can see on this blog. Bellow is the code to use

.post-footer {

   border-bottom: 1px solid #cccccc!important;

}

To add the Vertical  line between your blog post and sidebar as you can see on this blog. Bellow is the code to use

.fauxcolumn-right-outer .fauxcolumn-inner {

   border-left: 1px solid #cccccc!important;

}

What To Edit

If you will like to change any of the above line codes width, then change the 1px to your desirable color
Also if you will like to change its color, then change the #cccccc to your desirable width
After inserting any of the above codes, you will see its preview at the down part of the template designer environment

(Note this code works with all the blogger template)