(This tutorial is for Blogger blogs with the Minima template. Follow steps 3-7 here to change your template to Minima.)
Update: If you would like to add a post divider using the Blogger Simple template, follow the instructions HERE.
Creating the Graphic
Creating the graphic for your divider is up to you, but here's some help getting started:
First, you need to have some kind of design software. I use Photoshop, but you can use the home version, Photoshop Elements or any other software such as Pixlr (free online software), Corel or anything else that lets you import graphics and create designs.
(If you would like help with some basics on creating a design with layers, take a look at my tutorial on Making Your Own Blog Button. This tutorial uses Pixlr.)
Here are a few tips when creating your divider:
1. Figure out how wide your posting section is by going to the Design tab and clicking "Edit HTML". Do not change anything, but scroll down until you see:
Under this, you will see a measurement for the width. My blog has a measurement of 570 pixels. When I made my post divider, I also made it 570 pixels wide. I also gave it a height of 85 pixels.
So, to figure out the size of your post divider, you can do anything equal to or smaller than the width of your main-wrapper. Any height around 100 pixels is good too.
2. When creating your image, do not use a lot of shadows or intricate details. This image is small and heavy shadows look too overpowering. Also, too many details get lost and look very busy. Remember, keep it simple, you want people to be more focused on your posts than your post dividers.
3. When saving your file, unless you have a rectangular post divider, save it as a png file. (Don't know what a png is? Read here.) Don't forget to also save it as a layered file, Photoshop file if you are using Photoshop, Pixlr file if you are using Pixlr, etc. If you want to make changes later, you will want the original file.
How to put it on your blog
1. When you want to place images on your blog, other than in your posts, you must upload them to a web hosting service of your own or a photo hosting site like Photobucket. You can create a free account to upload your images. However, if you use this site for a lot of web images and have a lot of traffic to your blog, you may need to upgrade to a Pro Account or look into another web hosting service.
If you choose to use Photobucket, you need to login to your account and click the green Upload button. Click the green button "Select photos and videos" and Browse to find your png file. When the image is uploaded, click the small box next to the file name so that there is a check mark. Then click "Choose action" and select "Generate link codes for selected".
A window will pop-up. Click in the box that says "Direct link". This will copy the link code so that you can paste it in the next step.
(This takes away the border below your posts.)
3. Now, scroll down a little more until you see this line:
A. Click "Preview. If you need more space above your blog, increase the height. Click Preview again before saving.
B. If your divider has a huge space below it, change the following line: