Better Blog: Adding an image divider to your blog (new blogger).

Was working on adding a divider to a blog today, and looking up steps to get that done. Not much out there on hacking the NEW blogger, so I had to play around a little to figure out where to place the code. To save others some time I thought I’d share what I learned.

Go into HTML editor and find….

.post-body {
line-height: 1.4;
then add this right after it (make sure to keep it between the { } tags!!!!!!
background: url(URL OF IMAGE GOES HERE);
background-repeat: no-repeat;
background-position: bottom center;
margin:.5em 0 1.5em;
padding-bottom:3.5em;

To move the divider up and down….if it’s overlaying with text or other elements. Just adjust the padding-bottom. I had to use 7.5em. The lower the number the higher it moves up on the post. The higher the number the more towards the bottom it moves.

It’s that simple. (knock on wood). Let me know if it works for you (or not) 😕

One thought on “Better Blog: Adding an image divider to your blog (new blogger).

Share your thoughts...