How to Add Signature to Blog Posts

How to add signature to blog entry?
How to add photo at the bottom of blog post?
How to add photo at the bottom of each blog entry?
How to add image at the bottom of each blog post?
How to include signature at the blog post?
How to include signature to blog entry?
How to include photo at bottom of blog post?
How to include image at the blog post?

You want to add a permanent signature or a picture at the end of each of your blog post, here's how.


Firstly, go to Dashboard > Design > Edit HTML. Then click Expand Widget Templates.

Search for this code:

<data:post.body/>

You'll need to include the signature below this code. There are 2 types of including signatures - Text and Image.

---

Signature 1 - Text

Then write your signature text below the <data:post.body/> code, and preview it so that you can make adjustments.

If it appears on the line right after the blog post ends, you can include <br/> before the signature text so that there will be a space between them.

That's it if you just want to have a text signature at the bottom of each of your blog entry.

---

Signature 2 - Image

You want to have an image as your signature, you should add this code below the <data:post.body/> code instead.

<img src='http://imagelink'/>

Replace the http://imagelink with your signature image URL link.

By default, it's aligned to the left.

To align it to the center, use this code.

<center><img src='http://imagelink'/></center>

To align it to the right, use this code.

<div style='text-align: right;'><img src='http://imagelink'/></div>

Remember to replace the http://imagelink with the your image URL link.

Preview, make adjustments with line break code - <br/> - if necessary. Save it and you're done.

---

If you want the image to have an invisible background, meaning that you just want the signature image/text to be displayed only without the background - you'll have to create one for yourself (with Photoshop) and save it as .png or .gif file without any background layer.

Tweet