17 January 2014

How To Add A Post Divider



Hello! Today I am going to show you how to add a post divider between your posts in blogger!

What you'll need:

+ A photo
+ At least a small understanding of codes (and if you have no idea how to work with codes, that's okay! I'll try to make this as simple as possible. :})

1. Create (or even choose from your photos) a photo you'd like to do use for your post divider. My photo looks like this:


2. Next, upload your photo to Google (or any other photo carrier site).
3. Once your photo is uploaded, open a new tab and log into your Blogger account.
4. Go to Template >> Customize >> Add Css then paste this code into the box:

.post { background: url(IMAGE URL);

background-repeat: no-repeat;

background-position: bottom center;

margin: .5em 0 1.5em;

padding-bottom: 5.5em; }


5. Now, go back your photo on Google, right click it, then select "Copy Image URL".
6. Go back to Blogger and paste that code into where it says "IMAGE URL".
7. Save your changes and voila! You should now have a fabulous post divider!

If you have any questions or if you tried this, leave a comment below! I'd love to hear from you! :)

thanks for reading. <3
xoxo,

5 comments

  1. This comment has been removed by the author.

    ReplyDelete
  2. I love post dividers.

    ReplyDelete
  3. Finally a css link instead of html, thank you :)

    ReplyDelete
  4. I followed the directions, but sadly nothing happend :(

    ReplyDelete
    Replies
    1. Where did you put the code? And what image URL did you use? :)

      Delete

All comments I receive are cherished for many hours after reading them. Thank you for taking the time to type something to me.

xx Nicole Rose

Get my eBook, How to Be Forgotten

a collection of stories and journal entries from the days that made up 2014.