How to Add a Signature to Blogger Posts

I have a number of things on my blog to do list relating to how it looks and improving reader experience, but the challenge is finding time to cross them off. One of the things I can finally strike off my list is adding a signature to my blog posts. I really like it when bloggers sign off their posts with their name - it just makes it feel a bit more personal! 

Whenever I make a change to my blog - like when I added my project galleries - I inevitably get emails asking how I did it. Which I don't mind at all because I love helping people, but it can be time consuming to reply to all those emails. So to preempt the questions about how you add a signature in a Blogger blog post, here is how I did it.

Creating the signature

Of course, you can create your own image to use in any sort of graphic programme like Photoshop. But the easiest and quickest way, in my opinion, is to use  My Live Signature. 

Step one. Find the signature creation wizard (this is actually the hardest step because the website is deliberately laid out to make it confusing as to what is content and what is an ad - boo!) 

When you have found the wizard, type in the name you want to use:

Step two. Click next step and choose the font you want to use. There are literally dozens to choose from.

Step three. After picking your font you choose the size. I used #5.

Step four. The final steps are to pick the colour of your background, the colour of the text and the slope you want on the signature (I chose 2). 

I then saved my signature to my computer with the old right mouse click and "save image as" method. But My Live Signature will also host the image for you if you prefer. In this case you would need to click on the link that says "want to use this signature?" and then select "generate HTML code".

Adding a signature to your Blogger Blog Posts

I host all the images from my blog on Picasa and got the HTML code from under the photo information on their website, (I checked the "image only" box and copied the "embed image" text). But for the purpose of this tutorial, I'm going to assume that you have followed the method above and used My Live Signature to generate the HTML code you need. 

Step one. On the Blogger dashboard go to settings/posts and comments. This will bring up a page that looks like this:

Step two: Copy the HTML code for the image location and paste it into the box where it says "Post Template".

Step three (optional). If you are using My Live Signature to host the image and generate your HTML code then you might want to replace their web address with the URL of your blog instead.

Done! Every time you write a new post from now on your signature will show up at the bottom. 

I think that covers everything, but if anything is unclear please leave me a comment and I'll do my best to answer your question.

You may also be interested in:

Project Gallery Tutorial