Skip navigation

Adding a Signature To Personalize Your Blog Post

Chaos Laboratory has developed the LiveSig WordPress Plugin to automatically insert a graphic signature at the bottom of your posts.

According to the author, they were inspired by my signature at the bottom of my posts and wanted to come up with a way to add that automatically. They found MyLiveSignature, a free graphic signature making service that helps you to “make a signature” from 120 different fonts. The Plugin then uses the HTML code MyLiveSignature provides to feature your new graphic signature on your blog. You can add that to your WordPress Theme, or take advantage of the LiveSig WordPress Plugin to add it automatically.

MyLiveSignature will also graphically recreate your signature for a small fee if you really want your signature on your blog.

While convenient for full WordPress users, WordPress.com bloggers cannot use WordPress Plugins, nor can they access or edit their WordPress Theme template files?

So, how do I get my signature on my WordPress.com blog without a WordPress Plugin or access to my WordPress Theme template files?

Copy and paste.

Putting the Signature on Your WordPress Posts

To create a signature graphic file for yourself, you can scan your own signature and create a graphic from that, or use a graphics program with some handwriting fonts to create your own unique signature. Or use MyLiveSignature to do it online.

Choosing the right signature look isn’t easy, and I went through a lot of decisions to end up with the signature you see below.


Choosing the Right Look for Your Signature

Lorelle signature font testsThe signature at the bottom of my posts is not “my” handwriting. I’ve been told that my signature looks more like “doctor meets artist”, a bunch of illegible circles.

For , I wanted a personal look and adding a signature made it very personal. So I needed an easy-to-read “signature” resembling handwriting.

I went through a lot of choices. Handwriting is so “personal”. Handwriting experts claim they can tell a lot about a person’s personality by their handwriting, so a signature must be a billboard of information.

I wanted a really feminine look to the signature to begin with. After all, there aren’t many women who are really visible in this field. I looked at a lot of “delicate” fonts, and even “girlie” fonts – none were right. Too cutesy or graceful. Some looked like the handwriting from a Southern Bell in the 1800s. Not right.

What about a “doodle” style signature. That’s artsy, creative, and fun. So I poked around at signatures that looked more like what you do when you are waiting on hold for hours on end to get an answer on the phone to a yes or no question. These definitely weren’t “me”. They looked like cartoons.

I still liked the idea of an artistic signature, so I started looking at brush stroke fonts. In the end, they either looked oriental or like Comic Sans. Definitely too artistic and not enough “signature”.

Then I went for more of a chicken scratch look. A rougher, harder look with ragged edges. A signature you would make with a marking pen or pencil rather than a fine tip pen. It ended up looking more like a grunge rocker’s signature than a professional, confident technical writer.

So I thought “writer”, make it look like printing or writing. Engineer-style hand printing. That puts the “technical” into what I write. Wrong. It looked more like blue print letters, not a signature. No style.

After a while I started thinking how narcissistic this endeavor was. I was sick of seeing my name scrawled across my computer screen. After all, I just wanted to personalize my blog, not put all this time and effort into my name!

Image is important and first impressions count. I kept trying different fonts, scanning different attempts at my own signature, and searching through tons of font libraries to find the right look.

I finally went back to why I write this blog. This blog’s purpose is about teaching you how to use WordPress by yourself. A real do-it-yourself guide for WordPress users and bloggers. I wanted the “hand” part of the handwritten signature to reflect that. My style here is to help you, in a simple and direct way, to learn how to blog and use WordPress. Clean, simple, clear, clarity, easy, friendly, personal. That’s the font I needed.

I found it. It’s a combination of several similar handwriting fonts, and my own tweaking to make the letters blend together into a final signature. It fits within the purpose of this blog and doesn’t compete with the content. It began as only the signature, but eventually I added the pen. When I changed the blog to the current look, I changed the color of the pen to match the rest of the color scheme. So a signature is not static. It evolves as the blog evolves.

Original Signature for Lorelle on WordPress

My choice and style will not work for you. Your blog is about you, your interests, your needs, and your personality. It’s about the persona you create in your blog, and the signature must reflect who you are and what you blog as much as any other visual part of your blog.

Integrating Your Signature Into Your WordPress Blog

You can use the LiveSig WordPress Plugin to automatically add your signature to your blog posts if you come up with a signature through MyLiveSignature.

You can also add your signature graphic to your WordPress blog in your WordPress Theme template files. I recommend you save your signature as a transparent GIF file, with no background color. This way the signature will “sit” on whatever color background it ends up on. Also make sure that it is no wider than the narrowest width of your content “column” container on your WordPress Theme. If it is too wide, it can break your WordPress Theme. About 200-350 pixels in width may work for you.

To add the code to your WordPress Theme template files:

  1. Edit the index.php or single.php template files with a text editor.
  2. Find the following similar code:
    <div class="entry">
    <?php the_content(); ?>
  3. Below this, add your signature wrapped in a conditional tag statement and DIV:
    <div class="entry">
    <?php the_content(); ?>
    <?php if (is_single())
    {
    echo '<div class="signature">
    <img src="http://example.com/images/signature.gif" alt="" />
    </div>';
    } ?>
    
  4. Save the template file(s) and check out the results.

The conditional tag statement checks to see if the page view is for the single post view, and if it is, it will show the signature. If it isn’t, it will not appear.

To add the signature to your WordPress or WordPress.com blog manually, you can copy and paste the graphic link. It’s not difficult. I do it every day.

You can also use the Tagging Bookmarklet for WordPress and WordPress.com Users I developed for my own signature, which also adds tags, copyright, and other information at the bottom of my blog posts. I describe this method more indepth in WordPress.com Blog Bling: Signatures and Writing Code.

I don’t recommend everyone add their signature to their blog posts. But if you really want to personalize your blog, it can work – if the signature works for your blog.


Site Search Tags: , , , , , , , , ,
Copyright Lorelle VanFossen, member of the 9Rules Network Feed on Lorelle on WordPress Subscribe   Subscribe by Email

Member of the 9Rules Blogging Network

49 Comments

  1. Posted April 10, 2007 at 9:55 am | Permalink

    I blogged about the MyLiveSignature site a couple of weeks ago, thanks for pointing me to this plugin, it works great, adding my signature to all my archived posts!

  2. Posted April 10, 2007 at 3:20 pm | Permalink

    Your links to mylivesignature are linking to the plimus.com
    Does this site has anything to do with your proposition?

    best regards…

  3. Posted April 11, 2007 at 9:39 am | Permalink

    Sorry about the Plimus link. That was the link the Plugin author used. I should have double checked it. I’ve corrected the link. Thank you for bringing that to my attention.

  4. Posted April 12, 2007 at 8:53 am | Permalink

    I’ve been to your blog a few times over the last year or so, and as always I’m overwelmed with the indepth info I’m presented with, thanks for all the help and insight you do. I do have a question on the code for the div tag: in the if statement you have the opening php tag but not a closing tag…
    I’m just getting back into html and coding so just wondering if that ending tag is needed.
    Thanks,
    Tutor

  5. Posted April 12, 2007 at 9:23 am | Permalink

    The closing tags got lost in the conversion that WordPress does to code. I forgot to manually put that back in. Thanks for the catch. Writing code in blogs is a lot harder than just writing code. ;-)

    Thanks!

  6. Posted April 12, 2007 at 8:28 pm | Permalink

    Nice one Lorrelle, but now there is the impending danger of signitured posts all over the blogosphere. It’s one of those things that we all appreciate as a unique touch, but for everyone…nasty.

    In my opinion of course.

  7. Posted April 27, 2007 at 5:11 am | Permalink

    very helpful..thanks!

  8. Patricia Perez
    Posted May 4, 2007 at 10:12 am | Permalink

    Want to create a nice and neat signature for my own

  9. Posted May 9, 2007 at 8:10 am | Permalink

    Hi Lorelle,
    How did you add the signature to your feed?
    I’ve followed your example, it works fine on my site but not on my feed :(

  10. Posted May 13, 2007 at 9:41 am | Permalink

    Your signature (very nice!) inspired me to add my own to my blog. The mod worked out well.

    dougthecook

  11. Hedi
    Posted June 2, 2007 at 8:09 pm | Permalink

    Lorelle you are talented!!! Everything in this blog is superb.

    I was wondering what happens if there are many writters in the blog ..

  12. Posted June 5, 2007 at 2:47 am | Permalink

    Interesting…

  13. Hedi
    Posted June 5, 2007 at 10:56 pm | Permalink

    I’m tracking this discussion.. (waiting for an answer about what happens on a “multi authors” blog).
    Will the signature be affected to each and every post?

  14. Posted June 12, 2007 at 1:59 pm | Permalink

    Sorry for the delay in responding. If you are using the WordPress Plugin, you will have to check with the Plugin author to see if it is setup to handle “by author” checks, then the signature would be posted that matches the author of the post, if there are multiple authors.

    For the template tag method, it is only for a single author blog, though you could add a conditional tag for is_author() with the signature that matches each of the conditions.

    For the manual version, which I use here on WordPress.com, since we are not allowed to use Plugins here, or mess with the template files, it would only appear on whatever post I “signed”, pasted the code within the post content area.

  15. gajemaster
    Posted June 19, 2007 at 6:23 pm | Permalink

    I have got to try this. Thanks for showing even more fantastic ideas for my blog.

  16. Posted July 1, 2007 at 4:36 pm | Permalink

    Awesome. I use .com and this is the first mention of a useful purpose for tagging bookmarklet…I had no idea what the practical purpose was and could not find anything in their FAQ at the time I searched describing that.
    It always takes me off the post I’m writing. I look forward to reading that article.

    One follow up related question: When you code for, say, a TypePad blog, how would you add a .div class to add a sig? Any thoughts?

    Much appreciated, (and GREAT writing style),
    Maggie

  17. Posted July 2, 2007 at 9:11 am | Permalink

    The Tagging Bookmarklet for WordPress and WordPress.com Users has been very popular with WordPress.com users since 2005 and I believe it is listed in the WordPress.com FAQ. Technorati lists it in their Technorati Tools Listing.

    I don’t work with TypePad, but to add a DIV to the tagging bookmark, simply add it per the directions given in the above linked article and how-to instructions. It shows various ways to customize the bookmarklet.

  18. Posted July 7, 2007 at 1:21 pm | Permalink

    I was aware of Livesig but didn’t know about the plugin. So now I have it installed on both of my WordPress blogs. Thanks for the information.

  19. Posted August 2, 2007 at 11:21 am | Permalink

    Just what I was looking for. Now only if I can find that perfect font. Thanks Lorelle, you really are a treasure.

  20. Posted August 4, 2007 at 2:40 am | Permalink

    Thanks again for more great info. Your signature looks fab. Can’t wait to try some of these things out on my blogs.

  21. Posted August 27, 2007 at 10:03 am | Permalink

    Hi Lorelle,
    Although I have a man’s name here’s another blogging woman.
    I arrived at your blog through ProBlogger today and took a feed imeediately. Love your writing and WordPress Tips. I put my signature instead of a logo on my blog and started posting handwritten notes on another blog. Have a look on http://www.briljantbenny.nl. I like it :-)

  22. Posted September 1, 2007 at 1:33 pm | Permalink

    Lorelle, have you every tried using this plugin for adding a picture of your book instead of a signature?
    I’m thinking of using it to insert the latest book I have released and see if that helps with sales.

    Thanks for all your great work,
    Steve

  23. Posted September 1, 2007 at 3:39 pm | Permalink

    I don’t use the Plugin. I do this manually. I have a link to my book in the signature, but I walk a fine line here on WordPress.com. We are not allowed direct advertising, so promotion of my book here is done with care. I try not to push it in people’s faces. In time, I might change my mind, but for now, the sales of my book are a natural part of my blog, not a forced issue.

    On your own blog, you can do what you want. :D

  24. Posted September 3, 2007 at 6:34 am | Permalink

    Is this compatible with group blog too? Like, the blog has two or more authors? Reply me soon.

  25. Posted September 3, 2007 at 9:23 am | Permalink

    I’m not sure I understand your question. The Plugin, I believe, also includes the signature of the post author. If you have more than one author per post (by Fred Smith and Sally Halvershin) then it would not use a signature unless one was set up to accommodate the two authors.

    As for the manual version, which I use on my blog, I put it there myself. There is no automatic action. If it isn’t there, I didn’t put it there. For my guest bloggers, I’ve invited them to leave their own “signature” and/or bio as they see fit for their posts. It’s up to them individually.

    Does that answer your question?

    Also, “group blogs” are known as “multiple blogger blogs”, which may help your search for things associated with them.

  26. Elizabeth
    Posted December 14, 2007 at 8:10 pm | Permalink

    HI! I’m so glad I discovered your site, it’s great, especially for someone who is a bit new at all this (me!).
    I was trying to add a signature to my WP site, as described above. I couldn’t find where on the page to put it, I tried in several places that I though were comparable to your directions, but after about 11 tries, I didn’t know what else to do! This is what my index and single.php pages look like:

    <div id=”primarycontent” class=”hfeed”>

    Where on earth do I put it? I’m at a loss!

    Thank you so much in advance!!

  27. Posted December 14, 2007 at 10:31 pm | Permalink

    @Elizabeth:

    In order to make code appear in ANY blog or comment, you need to follow the instructions in Writing Code in Your WordPress Posts or Writing and Publishing Code in Your WordPress Blog Posts.

    If you want to put code into the Theme template file, the follow the instructions above and put the code in the single.php or index.php template file, whichever your Theme has to generate a single post. Look for the the_content() code which commands WordPress to get your post content from the database. The signature goes under the code wrapped in the conditional tag as shown.

    If you have a WordPress.com or similar blog, then you put the code inside your blog post, after you are done writing. This is what I do here.

    As a rule, most WordPress Theme “innards” look the same, so the best way to ask such a question is not by pasting in a lot of code as I would then have to delete it all. Telling me that you tried putting the code in the template file is usually enough, and the instructions show exactly where to put it.

    If this doesn’t work, remember a signature is pretty narcissistic and not really necessary. My reasons were only for design as, at the time, the Theme I was stuck with had no visible separation between posts on multi-post page views. Unfortunately, or fortunately, it’s become a bit of a brand, though that was never its intension.

  28. Posted December 17, 2007 at 10:40 pm | Permalink

    I have got to try this, thanks!

  29. Lorelle S.
    Posted December 27, 2007 at 11:42 pm | Permalink

    Hey! my name is also Lorelle, and it’s funny that the signature you picked out is exactly like my written signature….weird……..

  30. Posted January 8, 2008 at 2:42 am | Permalink

    Boy, what a lucky day for me to find you! Thank you… Can’t wait to wander around a bit more. Looking for help with a signature led to a gold mine!

  31. Posted January 15, 2008 at 2:26 am | Permalink

    Great post. I will try it.

  32. Posted March 18, 2008 at 4:29 am | Permalink

    Hey this is something I have wanted for my blog for a long time, thanks letting us all know about it.

    It does add something personal to posts….
    :P
    Thanks
    Cuteek

  33. Rocket French Jason
    Posted July 22, 2008 at 2:41 pm | Permalink

    This is very interesting… I think I may have a go in the near future. Much thanks!

  34. Posted August 1, 2008 at 11:50 pm | Permalink

    it’s nice site!!! purchase vicodin tnsxgq

  35. Posted August 23, 2008 at 12:00 am | Permalink

    Did you end up using MyLiveSignature.com to create your signature? If not what program did you use and how did you add the pen?

  36. Posted September 2, 2008 at 7:29 pm | Permalink

    I followed your instructions and it works great. I just manually paste in the signature graphic for each post. Thanks for the tip.

  37. Posted September 2, 2008 at 7:38 pm | Permalink

    @ Rick:

    Glad to help. Enjoy your new “personal” signature. :D

  38. utnalove
    Posted October 29, 2008 at 3:33 am | Permalink

    what program you use to edit the gifs?

  39. Posted October 29, 2008 at 9:43 am | Permalink

    @ utnalove:

    Any graphics program will work to edit gifs, jpgs, and so on. Nothing special since there is no animation in the gifs.

  40. Posted November 6, 2008 at 8:33 am | Permalink

    Can you use a custom field to set up a signature at the bottom of the post? Sometimes I want to “sign off” personally and sometimes it is not appropriate, so having the choice without having to copy and paste the code each time would be neat.

  41. Posted November 6, 2008 at 10:00 am | Permalink

    @ Aran Strider:

    You can use custom fields for a lot of things including signatures. Just set up a conditional tag that looks for the custom field key trigger or design a WordPress Plugin that adds a checkbox to your Write Post Panel to add or remove the signature line from your blog posts, using the same concept. Neat idea if implemented right.

  42. joshden
    Posted December 29, 2008 at 6:41 am | Permalink

    The problem is, search engines will see that as two different urls. So, we need to eliminate one of them with nofollow. We would all like to think the “bots” are smart enough to know the difference, but probably not.

    • Posted December 29, 2008 at 12:25 pm | Permalink

      Will see what as two different URLs? This article is about adding a signature to your blog. Can you be more specific as to what you are referring to?

  43. Posted August 26, 2009 at 7:53 am | Permalink

    sorry, I didn’t figure the comments would comment out the actual code here… learned something new. Here is the code again:

    in index.php

    look for:

    and put this: (replacing your signature url link of coarse)

    I apologize for the repeat comments, but I didn’t see a place to delete the above.

  44. Posted November 1, 2009 at 4:26 pm | Permalink

    This is awesome so I can add this to my photosite. thank you very much for making it easiest with the addition of the code entry. Thanks so much!!!
    Darkman.

  45. Corey
    Posted August 13, 2010 at 12:53 pm | Permalink

    Lorelle, this is a very interesting article. We all know that customizing a site is very important to a graphic designer.

    Being able to add a personalized signature is another important step to creating a unique site.

    Thanks for the post, I’ll try this in my blog and see how I like it.

  46. Alex
    Posted April 29, 2011 at 9:18 am | Permalink

    Thanks for sharing this, really helped me!
    Alex

  47. Eloy
    Posted March 20, 2012 at 8:17 am | Permalink

    Thnx Lorelle

    Now I can make my websites more personal and direct. Hope it will have the desired effect!


29 Trackbacks/Pingbacks

  1. [...] bonus, there is a WordPress plugin that automatically adds your signature to the posts, thanks to Lorelle for pointing me to [...]

  2. [...] Lorelle teaches us how to add a signature to personalize our WordPress posts – Lorelle on WordPress [...]

  3. [...] explanation of the procedure involved can be found at Lorelle on WordPress, which is a most impressive and thoughtful blog about blogging in general, and WordPress as a [...]

  4. [...] Add a signature to your blog: Lorelle has a very detailed post explaining how to add signatures to your posts, a feature that can make you blog look more personalized. [...]

  5. [...] be honest, I got to know about this service from Lorelle on WordPress, which has some wonderful articles worth [...]

  6. [...] how do you add that animated signature to WordPress? Fortunately Lorelle from Lorelle On WordPress has already put together a great tutorial on how to add a custom signature in WordPress. Since [...]

  7. [...] that I’m also thinking of adding a signature to the posts. I want to update the theme a little, at least the header image, and the about page is [...]

  8. [...] Adding a Signature To Personalize Your Blog Post [...]

  9. [...] was reading some articles last night, when I bump into an article by Lorelle talking about this subject. She also provides various info on wordpress tips, etc. It’s a good [...]

  10. [...] Lorelle’s handwritten signature she had at the end of every blog post. And one day she told the secret behind it! So I decided to make my own since I think it gives a nice personal touch to the blog. And you know [...]

  11. [...] Adding a Signature To Personalize Your Blog Post « Lorelle on WordPress (tags: wordpress skill) [...]

  12. [...] Education will help stop copycats and plagiarists, but we have to do our part, too. On Lorelle on WordPress, I have a signature on every blog post that includes several links back to my blog. I also include links to other blog posts within almost every article I write. These create trackbacks and incoming link referrals that I can investigate to see who is stealing my content. Since I can’t use a WordPress Plugin on a WordPress.com blog, I do this manually. [...]

  13. [...] Within that article, I found another great resource about personalizing one’s blog by adding a signature image.  WOW!  What a super idea!  I highly recommend reading it – the instructions are [...]

  14. [...] Related Article Adding a Signature To Personalize Your Blog Post [...]

  15. [...] the blogger with the most recognisable signature is Lorelle on WordPress. Here she is talking about how she came by her own signature – plus some sound advice on how to identify your own. My choice and style will not work for you. [...]

  16. [...] Adding a Signature To Personalize Your Blog Post Lorelle on WordPress __________________ http://www.sensden.com I’m not prejudice I hate everyone equally until they give me a reason to like them. [...]

  17. [...] Yesterday for my “day off” post, I included a “signature”. It’s not my real signature, but one I found on My Live Signature.com, thanks to Annie Anderson. For anyone who has been reading Lorelle On WordPress, she’s been using a signature for some time now, and wrote about it in a blog post titled, “Adding A Signature To Personalize Your Blog Post” [...]

  18. [...] lorelle has a wonderful post on how to implement a signature for wordpress blogs. Share/Save Or if you enjoyed this post, make sure you subscribe to my RSS [...]

  19. [...] signatures I like that idea! I remember once researching about it: Adding a Signature To Personalize Your Blog Post Lorelle on WordPress had good information if I remember. __________________ My Dynamically Exciting Lensmaster [...]

  20. [...] Sumber: Adding a Signature To Personalize Your Blog Post. [...]

  21. [...] mai simplu e sa te duci pe site-ul MyLiveSignature(sursa ideii- Adding a signature to personalize your blog post). Nu e nevoie de cont, poti genera text si fara a fi autentificat. Eu am creat o semnatura folosind [...]

  22. [...] signature in PhotoShop with some great  instructions I found on-line. I then read a post by Lorelle who does WordPress tutorials about how to insert the PHP code into the main index template for the [...]

  23. [...] Sumber: Adding a Signature To Personalize Your Blog Post. [...]

  24. [...] WordPress. At that point, I googled "how to add a signature to wordpress" and went to this blog: http://lorelle.wordpress.com/2007/04/10/adding-a-signature-to-personalize-your-blog-post/ I got a wee bit confused and ended up back at my WordPress Dashboard. I went to Plugins and [...]

  25. [...] via Adding a Signature To Personalize Your Blog Post « Lorelle on WordPress. [...]

  26. […] posts at the bottom of my blog posts in Which WordPress Plugins Does Lorelle on WordPress Use?, Adding a Signature To Personalize Your Blog Post, and WordPress.com Blog Bling: Signatures and Writing […]

  27. […] Adding a Signature To Personalize Your Blog Post […]

  28. […] Adding a Signature To Personalize Your Blog Post […]

  29. […] Adding a Signature To Personalize Your Blog Post […]

Post a Comment

Follow

Get every new post delivered to your Inbox.

Join 19,709 other followers

%d bloggers like this: