How to Add a Post Divider

A lot of people have awesome post dividers. You see them on heaps of people's blogs!

This morning I told Mum I wanted one for my blog. So with a lot of her from Mum, I got myself one.

If you want an amazing divider too, follow these instructions:

1. Find a divider that you like. There are a few sites we found with good ones: Shabby Blogs, Plumrose Lane, but you can use your own.
2. Now if you are taking ones from Plumrose Lane ignore the next two steps. If not, save your divider to your computer and upload it to PhotoBucket.
3. Go to Blogger, Template, Customise, Advanced, CSS. Paste this into the box:
   .post {
   background: url(http://DIVIDERADDRESS.jpg);
   background-repeat: no-repeat;
   background-position: bottom center;
   margin:.5em 0 1.5em;
   border-bottom:0px dotted $bordercolor;
   padding-bottom:5.5em;
   }
   Replace http://DIVIDERADDRESS.jpg with the direct link to your divider on PhotoBucket and then save. You have an awesome divider.
4. If you are using a divider from Plumrose Lane, they have done the hard bit for you. Copy the code under the divider you want, paste it into the CSS box and then save. Your done. Nothing simpler!

I hope this helps everyone! It is confusing, but it is worth it. Give me the link to your blog so I can see what your divider looks like.

 

Do you like my divider?