Monday, November 17

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=""/>
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.


Shaye said...

DANG!!! I'm impressed! Okay, will you make me one with my name!!

Shaye said...

I just realized the C was born on my 30th birthday!! What a cool girl she is!!

Meredith said...

Thanks Carrie!!! I'm super excited to try this later today! ;)

Rebecca said...

Love it! I will have to call in sick every day though to find the time to play around with that! :)

Meredith said...

I'd love to see what you create for me... I think the one I just created is boring..

Unknown said...

Hi Carrie,
I am a friend of Meredith's and what I've created for myself looks like crap! Can you create something for me?

Thank you!

mccoy5 said...

I happened upon your site through a friend's blog. Could you please make me a simple one like yours - very cute!

THANKS - much appreciated!