Tutorial: Post Dividers

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!

Kendra

Kendra

Owner // Designer // Momma + Wife
My husband, little girl and I live in hawaii. Things I love :: the beach, cookie dough, Netflix, Fonts, and Pretty Magazines. I also LOVE to design blogs!
Kendra
Kendra
Kendra

Latest posts by Kendra (see all)

Kendra
I am a blog designer and I would love to work with you! I design custom Blogger & Wordpress designs. Take a look at my portfolio and my design services pages. Hope we can work together!

Comments

  1. Miss Hatchling says:

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

  2. CraftyMomof3 says:

    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!

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

    http://savvystitcher.blogspot.com/2010/05/veratile-blogger-award.html

  4. AngelEyez256 says:

    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,
    Angela
    http://imjaredsmomma.blogspot.com/

  5. Miss Tish says:

    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

  6. elizabeth @ twelvecrafts says:

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

  7. Great tutorial! Thank you!

  8. 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.

Speak Your Mind

*