How To Make Post Dividers

This is a simple tutorial on how to add dividers between posts, something that will nicely separate them. Heres how you do it:
1) First of all make your picture- that will be your post divider, or find some on the web that are free to use. Make sure the width of your divider isn’t wider than your main column- to find the width go to your main wrapper and the width will be listed there. Here’s an example:
#main { float: left; width: 575px;
Once you have your divider made and sized appropriately, you need to upload your divider onto a web hosting service (like Photobucket).

2) First backup your template, now go to your HTML section and find the following part of code: (to search for it hit ctrl+F).post { margin:.5em 0 1.5em; border-bottom:1px dotted $bordercolor; padding-bottom:1.5em;}
Now REPLACE the code from above with the following
.post { background: url(http://i270.photobucket.com/albums/jj104/lgtoews/dz-elegantevening-stamp2.png); background-repeat: no-repeat; background-position: bottom center; margin:.5em 0 1.5em; border-bottom:0px dotted $bordercolor; padding-bottom:3.5em;}
Your code may look different- thats alright, whats important is to find the .post paragraph. Now replace the background URL with your own divider url (provided by photobucket after upload). If you cannot find the URL- it ends in .png to give you an idea. you can increase or decrease the value of “padding-bottom” to add some space between divider and bottom of the post.

If you have problems with adding in your divider- there is one other option. Only use this option if the one above doesn’t work for you.

1) go to your HTML section and ‘expand widget templates’, now hit ctrl+F to search for this line:
<div class=’post-footer-line post-footer-line-3’/>
now right AFTER that line, insert this code:<center><img height=’20’ src=’URL OF YOUR DIVIDER’/></center>
20 refers the the height of the divider, so increase/decrease the number to get the desired look.

Don’t know how to make your own divider? I have a collection of post dividers for FREE! Click image to download: