Hey Judith,
Can you tell me how to add a signature to my blog posts like you have on yours?
Thanks!
[Some Blogging Mama Somewhere]
Sure thing, [Some Blogging Mama].
There are actually a couple of ways to do this… Wait. I take that back. There are probably lots of ways to do this. But as this is my blog and my tutorial, we’re gonna do it the way that I do.
Well, because that’s the way that I do it.
Confused, yet?
No? Give it a minute, you’ll get there. I promise.
Okay, to add a signature that automatically posts to the end of your blog posts like mine below, you’ll need two things:
- A Blog
- A Signature Graphic
If you don’t have number one, then you most likely live in a cave somewhere and could care less about pretty little signatures or anything else that I have to say in this post. I’ll be adding some naked pictures tomorrow that are sure to interest even the most Neanderthal-ish being, however, so feel free to come back then.
Already have a blog? Good for you, moving on:
To create your signature, you can either pay a little visit to My Live Signature or open up your favorite handy dandy graphics program and make one of your own.
I, of course, opt for the making of your own bit… Especially if you happen to be a font whore like myself. On the other hand, if you have no idea what a “font whore” is, My Live Signature has lots of fun options including some great font choices and varying slants. Simply follow along with the easy to use signature generator and download your finished signature at the end.
Either way, be sure to choose a size and style that “fit” well with your template and voice.
(In other words, ix-nay on anything wider than your posting column and leave the fun little fonts with heart dotted ‘i’s for the more cheerful of the bunch, alrighty?)
Once you’ve got your signature created, you’ll need to upload it to your blog’s media manager or whatever it is that you use for image hosting, OR, if you used My Live Signature, simply click on the “Want to use this signature?” link that appears below your finished signature and allow them to generate the html for you.
Now let’s add it to your blog:
To add it to a hosted WordPress installation (not a wordpress.com blog), we’re going to have make a little adjustment in your theme’s files:
- Click on Design > Theme Editor
- Now look on over in the column on the right and open the file that is called something like “Single Post (single.php)”. If you don’t have a single.php, then open up your “Main Index Template (index.php)” instead.
- Find the line that looks something like this:
OR this
Read the rest of this entry »
'); ?>
Basically, whatever says “the_content” followed by whatever it is that your blog says for the read more option.
- Add your image code (or the code that My Live Signature provided) just after that so that you now have something that looks like this:

- Update the file, and you should be good to go!
For Blogger:
*Edited 8/15: If you were having problems getting this to work via copying and pasting the code below to your blogger account, it wasn’t because you were doing anything wrong… It’s because I’m secretly a blond. Seriously. You should be able to C&P now with no problems!
- From your dashboard, go to Layout > Edit HTML
- Check that little box next to “Expand Widget Templates”
- Find the line that looks like:




Kyla
Tuesday, 5 August, 2008 at 19:19This is very cool. Thanks for sharing your tips. Quick question, as I am not a “font whore” and I am in fact an idiot when it comes to these things, I used live signature. Do you know if there is anyway to make it so that there isn’t a box around my signiture?
Judith Shakespeare
Tuesday, 5 August, 2008 at 19:27It’s probably the link adding the border. I’m not sure what their policies are, but a quick fix would be to remove the link back to their site from the code. :)
Kyla
Tuesday, 5 August, 2008 at 19:29Thanks I will try that.
Sandy (aka Font Whore)
Tuesday, 5 August, 2008 at 19:35LOL I like fonts too…mmm fonts…
rachel
Tuesday, 5 August, 2008 at 21:24I’m a total font whore. Great tutorial.
Qweenie
Wednesday, 6 August, 2008 at 1:32It worked! I did it! I love it!! You rock!
(now to remove the box-y thing)
Judith Shakespeare
Thursday, 7 August, 2008 at 13:53Look above at the blogger example… See how the img part of the code has a style attribute? (style=”border none !important;) Add that to your image line.
the planet of janet
Wednesday, 6 August, 2008 at 3:14as a fellow font whore, you will enjoy the video on my post today.
seriously.
Mary
Wednesday, 6 August, 2008 at 3:22Hey, thanks. What do ya wanna bet it doesn’t work for me? Are you sure you wanna open up the whole contact me with similar questions business? I might be contacting you A LOT!
Domestic Spaz
Wednesday, 6 August, 2008 at 9:52You’re my new best friend.
Jewels
Thursday, 7 August, 2008 at 0:39So I tried this, used the link to the signature site, did everything you said…still didn’t work. Something wasn’t formed correctly in the code. owell, I’ll try again later.
Judith Shakespeare
Thursday, 7 August, 2008 at 13:46For Blogger, it is absolutely imperative that your image tag as well as breaks end with a ‘/>’ rather than just a ‘>’.
Jewels
Thursday, 7 August, 2008 at 18:48umm…I did that. I think it’s just me, nothing ever works right. Oh to be as savvy as you. *sigh*
Judith Shakespeare
Friday, 15 August, 2008 at 12:38Hey honey! Come baaack… thanks to cb, I figured out the problem (if you were copying and pasting that is)!
Jewels
Friday, 15 August, 2008 at 23:43I didn’t copy and paste, was just going by what your picture looked like. Well, sort of anyway. But since you fixed it, I can make it work?? I’ll will try again! Thanks love for all the help.
amy
Thursday, 7 August, 2008 at 16:57David? Where did you go? You were here just a minute ago…
The signature thing, maybe even I could do that. But afraid to try…
CB
Friday, 15 August, 2008 at 0:13Thanks for posting this!
Just wanted to let you know that the double quotes should be single quotes in the Blogger example. Just a heads up!
Judith Shakespeare
Friday, 15 August, 2008 at 9:03You’re perfectly right, cb! Although Blogger should automatically change them to single quotes for you once you save your changes.
(Thank Goodness, are I’d be spending forever correcting myself. LOL)
cb
Friday, 15 August, 2008 at 11:44AH! I was getting an error when I hit preview. I guess it only changes to single quotes when you hit save.
Thanks again!!!!
Judith Shakespeare
Friday, 15 August, 2008 at 11:52Hey cb! I thought it odd that you were getting an error at all… But I think what the problem is is that you’re copying and pasting the code above— Be sure to just type it in rather than c&p (or just replace the quote marks with real ones), the code doesn’t carry over from here well for some reason!
Judith Shakespeare
Friday, 15 August, 2008 at 12:39Nevermind, I fixed it. You may copy and paste until your heart is content. :)
DietteBronend
Wednesday, 1 October, 2008 at 13:03Hi all!
Nice
1
G’night
sandrar
Thursday, 10 September, 2009 at 7:56Hi! I was surfing and found your blog post… nice! I love your blog. :) Cheers! Sandra. R.
angelina jolie
Thursday, 10 September, 2009 at 11:13I love your site. :) Love design!!! I just came across your blog and wanted to say that I
celebrity fuck you
Tuesday, 24 August, 2010 at 13:18Sign: zdbrw Hello!!! wktnb and 9115wbtscqvdab and 1775 : Sorry, what did you mean?? A??