Post Background Tutorial

Sep 9, 2009 in

This is my first tutorial, so excuse moi while I try to have some fun with it. Btw, I'm eating french fries...


If you've noticed, my blog posts have a background to it. Right now, it's a glitter thing. In this tutorial, I'll show you how to add that in.

Step 1:
Go to Dashboard>Blog you want>Layout>Edit HTML.

Step 2:
Scroll down until you see this:
/* Posts
----------------------------------------------- */

then scroll down to the 6th paragraph until you see this:
.post-body {
  border:1px dotted $borderColor;
  border-width:0 1px 1px;
  border-bottom-color:$mainBgColor;
  padding-top:10px;
  padding-$endSide:14px;
  padding-bottom:1px;
  padding-$startSide:29px;
  }

Step 3:
Add this:
background: url("image url here") ;

just below the 2nd line, so you get this:

.post-body {
  border:1px dotted $borderColor;
  background: url("image url here") ;
  border-width:0 1px 1px;
  border-bottom-color:$mainBgColor;
  padding-top:10px;
  padding-$endSide:14px;
  padding-bottom:1px;
  padding-$startSide:29px;
  }

And that's it!! Well, I'm pretty sure you know how to upload to Photobucket, so yeah. I'll add some backgrounds I'll make made tomorrow or something.