Tutorial: How to add a signature

I have seen a couple of questions about how to add a signature to your blog posts, so I've decided to write a little tutorial to show you how. If there are other tutorials you'd like for me to write up, leave a comment and I'll think about it :)

Step 1: Create an image of the signature you would like. I did mine using a digital pen, however you could use something like Photoshop or Photoshop Elements to create something like this:


(or, if you want me to create a simple one for you, just shoot me a comment)

Step 2: Upload your image to a site like flickr or picasa, you'll need to have your image online so you can reference it using a URL. For instance, my signature uses this URL:

< img src="http://lh5.ggpht.com/carrieedavis/SGGiOldlSBI/AAAAAAAACm0/IYqijgziRHA/s144/sig.jpg"/>
Step 3: Get your image's URL.

If you are using Picasa, next to your picture you'll see a box called "Embed Image". Beneath that box, you'll see a check box called, "Hide Album Link", check that box. Then copy what is in the "Embed Image" box.

If you are using Flickr, once you upload your image, you'll see a link called "All Sizes" at the top of the image. Choose the size image that you want, and copy what is in the box just beneath the image.

Step 4: Login to Blogger, click on Settings, then Formatting, scroll to the bottom of the page and find the section called "Post Template". Paste your image URL into the box. Save your settings and create a new post, your sig should show automatically in that post.

Step 5: It may not look exactly like you want it to, is there a border around it? maybe extra text? Go back to your settings panel and edit the Post Template. Remove anything in the URL other than this tag:

< img src="your url" / >

then, add this to your tag:

< img src="your url" style='border: none; background: transparent;'/ >

Save the settings.


Now create a new post and you should have a clean looking signature.