How to Add Seperators Between Blog Posts in Blogger

Tweet

Save on Delicious

With A Separators between blog post in blogger  your blog looks like gorgeous. So why not add ur post separators in your blogger blog and make your blog look good. 

 
Log into your blogger account, move to , Dashboard >> Layout >> Edit html, and Search


the Following Code :

.post

Below is the part which should be there, so do not disturb that part:-

.post {
    font-size:1.05em;
    line-height:1.75em;
    }

Now, we need to add some code to add separator between the Blog Posts , the code which we are going to put is in between the braces { and }
Here is the css for separator which you have to add between the braces :-

background: url( Your-Separator-Image-Url);
background-repeat: no-repeat;
background-position: bottom center;
margin:.5em 0 1.5em;
padding-bottom:2.5em;

The whole code will look like this :-

.post {

font-size:1.05em;
 line-height:1.75em;
background: url(Your-Separator-Image-Url);
background-repeat: no-repeat;
background-position: bottom center;
margin:.5em 0 1.5em;
padding-bottom:2.5em;

    }

Just add the Image Link In Between (Your-Separator-Image-Url).  And move to your Blog and refresh it and see the change. You can use following images as Separators, just Copy Link Location of Original Link of Desired Image.
Some example of separator bellow :

Direct Like of this separator :   Image Link

You may add your own separator. Just uploads it any where and add direct link with replacing  (Your-Separator-Image-Url ).

Get Free Updates: Note : You will find a confirmation link in your inbox or junk folder