Blog Post Dividers

Making post dividers are really easy. I mean really easy. If you have some photoshop/picmonkey (or any over vector drawing application) you can easily make your own post divider, between each post.


To make the image, work out the width of your post area (entire blog px - sidebars px) by 50 px. If my blog post area width is 845px this would be my measurements.

Once you are finished upload it to picasa or any photo hosting service and copy URL address to your clipboard.

Then paste it into this code

.post{
margin 0 0 40px 0;
width: 90%;
background: url(YOUR IMAGE URL HERE)
background-repeat: no-repeat;
background-postion: bottom center;
margin:.5em 0 1.5em;
padding-bottom:3.5em;
}

Then paste it into your Custom CSS area in advanced blogger template settings.

Hope you find this easy and will be getting creating very soon. I'm planning on adding one to my blog soon. xx Harri