How To Add A Signature

This tutorial will show you how to add a signature to your posts in just a few easy steps! But first, here's how it looks like.



Now that you know how it looks like, we can get started!!





Open up your image editing program. I use GIMP, which is free, similar to Photoshop, and can be downloaded here. A tip would be to set the background to transparent, but you don't really have to since most post backgrounds are white. For size, I prefer 150 x 80. Try putting your text towards the left, otherwise it won't be aligned to the left. If you made it transparent, save it as a .png file, otherwise the usual .jpg will do.



Upload it to Photobucket. Now, copy the HTML of your image.







Go to your Blogger dashboard, and click 'settings' on the blog you want. Next, click 'formatting'. Scroll right to the bottom, and you should see this:



Paste the HTML code there, click save, and you're done!!

Taylor Swift Shooting Star

Click the image to view the entire thing

Flowers Of Memories Header

Click the image to view the entire thing

Garden Writing Header

Click the image to view the entire thing

Polka Dot Hearts Header

Click the image to view the entire thing

Black & White Flowers Header

Click the image to view the entire thing

Blue Polaroid Header

Click the image to view the entire thing

Polka Dot Crush Header

Click the image to view the entire thing. The lyrics come from David Archuleta's song Crush.

How To Add A Background To Your Posts

In this tutorial, I'll be showing you how to add a background to your posts like the one I have.

Go to Dashboard>Blog you want>Layout>Edit HTML.

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;  }

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.