blog lesson: scrapbook kits and backgrounds

August 3, 2010

I think its time for me to share another lesson on "how i design my blog"
This is part 3.


Read here for part 1 & part 2


Recently I decided that I like my blog to have one background paper
versus a cutsy background with several patterns, buttons, flowers ect.
Those kind of backgrounds are cute too, I'm not knocking them, it's totally preference thing.


This tutorial will show you how to use one digital scrapbook paper as your background.


First thing on the to-do list:
Pick out the digital scrapbook kit you want to use for your blog.


You can find cute free kits at Shabby Princess. Free is good right?


OR


you can fall hoplessly in love with a $8 kit from here.
Aren't these just adorable?
Normally I am all about free but I couldn't help it when I saw these....
The Citrus Splash Kit has the cutest little lemonade stand!
I can just picture a blog titled "making lemonade" with this kit!



And no, they didn't pay me to say this. It's just a fact.
The Ettes & Co has the cutest digital scrapbook kits on the planet.


Ok moving on... Download whatever kit you want to use. You may also have to unzip the file. Once you get that all done look through the papers in your kit and decided which one you want to use as your background.


The paper I currently have as my background is from the Fresh Linen Kit.


Now open up photobucket and upload the scrapbook paper.
Once you have uploaded it go to share > Get Link Code > and copy the direct link code.


By the way, photobucket is also free and a must have for blog design.


Okay now go into your blog design > edit html.
Find where it says body {




Delete whatever you have and copy what mine says only replace the url of my scrapbook paper with the one you copied from photobucket.

Next step:
 Put white paper in the middle for behind the posts.

Scroll down til you see this in your html:


Under width add:
background: url ( );

 I am going to let you have the direct link to my "white paper"
so just put this url into the ( )

So your html should look exactly like mine!

Push preview and see what you think. If you like it, save. If you don't like it try another paper from your kit!

Note: if you have any other background {from cutest blog on the blog, background fairy, ... }  this will not work. You must delete that html code first!
{it will be in an html gadet in your sidebar}

And remeber if you want a dashed border around your post area read here.

It's getting late so i'm going to call it quits for now but the next "blog lesson" will  show you how to use the cute elements {buttons, ribbons, flowers, ect..} from your kit to make a header!

To prep for the next lesson you may also want to dowload a few cute fonts to use on your header.

Thanks for reading!

7 Comments:

Sydney Garton said...

Yay! When I get back from my vacation(s) I will definately be checking this out! Thanks!

Jackie Higgins said...

Does it matter which template I use in blogger? Can all of the background colors be altered this way? I'm playing around with my blog now. I LOVE your tutorials.

Kendra said...

Jackie,

Nope it doesn't matter what template you use! I love experimenting! I'm going to take a peek at your blog! :)

Pam said...

I'm up for learning any techie stuff you smart young girls have to teach. Thanks for helping out us "older gals". LOL :) Following now thru Whatever Goes Wednesday. Thanks again for sharing your tips! Pam @ Sallygoodin

Katie said...

I always wondered how to do that! I had to pick a template that I liked the background of and then change all the other elements to suit. I love the Ettes and Co too, did you know they are closing their shop soon? I think all their stuff is 50% off now but only for a short time. They're going to reopen at another digital store but are closing their own site. I need to make sure I scoop up some things before the price goes up again!

Amanda @ Mamaslittleladybugs.blogspot.com said...

Thank you for this post! My blog is boring and definitly needs some sprucing up.

Green Screen Backgrounds said...

Thanks for the nice suggestion...

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!