Tutorial: Post Dividers

May 18, 2010

Want to separate your posts with a cute image?
I am going to show you how today!

First you need to see how wide your image can be.

Go to you Layout> Edit html.
Push Crtl F and a search box should pop up.
Type the words "main-wrapper"

Once you have located the words "main-wrapper" the next line under that will say:  
width: 500px {or whatever number you have right there}

That number is the widest you would want to make your post divider otherwise it will get cut off.

Once you have the image you want to use upload it to photobucket.
In photobucket you can re-size the image if you need to.
Okay now go back to your blog html.
Find the part of the code that says this...

Replace that code with this code.

Then all you need to do is replace your-image-url with the
direct link from photobucket.

To get the direct link from photobucket you go to share > Get link code > then direct link

You might need to change the 5.5em to a little bigger or smaller to fit your image.
Just mess with it and see.
But ALWAYS pre-view before you push save.
 That way if you don't like it you can change it!

Hope this was helpful! I would love to see your cute post dividers! Leave me a link!


Mrs Hatchling said...

Love the tutorial. I'll let you know when I use it :)

CraftyMomof3 said...

Great tutorial. I will also let you know when I use it. I want to see if I can make a Tupperware divider for my WAH Blog!

Sara said...

I love your blog! Please pop on over to my site to receive your Versatile Blogger award!



I love the idea of little cute dividers, and you make it sound so easy!!..I'll let you know how it goes!!

Love From A California Momma,

Miss Tish said...

I need to update my blog...and this has inspired me! Also - just for posterity's sake, I am your 100th follower!!!!!!

Take Care & God Bless!!!

Miss Tish

elizabeth @ twelvecrafts said...

Just found you through Crafty Mummy. Glad to be a new follower! Thanks for the great tutorials.

Amanda said...

Great tutorial! Thank you!

Jenny said...

This is great! I'd just accidentally come across a tutorial for this last night and it didn't work. Yours did. Love your site, and thanks so much for this tutorial.

Post a Comment

thanks for commenting! i ♥ comments!
If you have a question, ask away! Just make sure your email is linked to your profile so I can answer you!