How to Add a Signature To Posts

How to Add a
Signature to Posts

What You Will Learn

Some bloggers include a pretty signature at the bottom of each of their posts. You can check out Ruby's Reads for a beautiful example. Today you'll learn three different ways to include a signature in your posts.

Let's Do This!

Before We Begin:

First you need to get your signature! A signature is just a picture, so you would use whatever program you usually use to make a picture. I've heard THIS SITE is pretty good and free. You'll also want to make sure you have a place to host the picture for Method 2 and Method 3. Photobucket and TinyPic are both free options.

Here's my example using my awesome Photoshop skills. Try to contain your jealousy: 

Method 1: The Super Easy Way

Because a signature is just a picture, you can add it to your post the same way you would add any other picture. Just go to the picture icon, select the image you want, and insert it.

Click to make larger

Pros:

• You can choose which posts to include a signature on and which posts you don't want the signature
• You can customize the alignment in every post

Cons:

• You have to add the picture manually every time

Method 2: Pretty Easy Way

Go to Settings----> Formatting

Click to make larger

Scroll down until you get to a box labeled Post Template. Paste in this code:

<div class="separator" style="clear: both; text-align: center;"><img src="Photo URL"/></div>

Where is says "Photo URL" paste in the direct link for your picture (you get this from wherever you hosted your picture: Photobucket, TinyPic, etc). Here's what the code looks like with my photo URL:

<div class="separator" style="clear: both; text-align: center;"><img src="http://i53.tinypic.com/j67h3r.jpg"/></div>

See where it says center? You can change this to left or right to change the alignment of the picture. Save your changes.

Click to make larger

 

Pros: 

• Every post you make will automatically have this image in it. 
• You can easily remove the picture if you decide you don't want it on a particular post.
• You can change the alignment of the picture from post to post

Cons:

• Every post you make will have the picture appear in the Compose box, but you need to arrange it's position. It will always default to the top left, so just make sure you type your post before the signature otherwise your signature will appear first. This is an example of what the post box will look like: 

Click to make larger

Method 3: The Slightly More Difficult Way

Go to Design----> Edit HTML and then click the Expand Widget Templates box. At this point you might want to save a backup copy of your code, just in case!

Search (Control-F, F3, your eyeballs, etc) for the following: <data:post.body/>

UNDER <data:post.body/>, paste this code (same code as in Method 2): 

<div class="separator" style="clear: both; text-align: center;"><img src="http://i53.tinypic.com/j67h3r.jpg"/></div>

Pros: 

• Will appear in every post
• You won't see it clogging up your compose box

Cons:

• You can't remove it from individual posts. It will always be there (unless you remove the code, and then it will be removed from every post).
• You cannot adjust the alignment. What you set the code to read is what it will be in every post.

I hope that was helpful. Please feel free to ask any questions you may have about signatures in the comments.

Click here to make a request for a future How To post.

The form is anonymous, so please don't feel shy at all!

I'm certainly not an expert, but I'll try my hardest to explain what I do know and research what I don't know.

Click here to read previous How To Posts 

Tweet