Tutorial: How to Make a Custom Signature for your Blog Posts

Today’s tutorial brings you what has turned out to be a very popular request: How can I make a Custom Signature for my Blogger posts? Well, ask and you shall receive. And what makes this tutorial different and therefore superior than all the others in the webosphere is that this one teaches you how to put one at the end of EVERY BLOG POST, even the ones you have already written. Cool beans, right?

Usually, when you see a tutorial on this topic, it only teaches you how to put one at the end of every new post. And, then later, when you decide to hire a professional designer (like me), it becomes a pain in the … eyesocket to fix. So let’s learn the ahem, “correct” way to install a custom signature from the start. Cuz nobody likes an annoyed blog designer. Amiright? Don’t answer that.

Here goes:

1. First, let’s make a custom signature, using your design program of choice, e.g., Photoshop, Photoshop Elements or (free!) Gimp. Make the dimensions 200 pixels by 75 pixels with a resolution of 72 px/inch, and having a transparent background, like so:

2. Create a signature (or as I like to call it, a siggie) that fits inside those dimensions and move it as far to the left side as possible. Be as creative as you want. As you can see, my siggie is rather plain. But that’s cuz I prefer to save all my creativity for my paying customers (like you! – *hint, hint*)

3. If the background to your blog posts is white, save it as a “jpg.” If the background is any other color, save it as a “png” file.

4. Next, upload it to your (free!) Photobucket account (you should definitely have a Photobucket account by now – if you don’t, sign up today!)

5. Save the direct link to this image. You’ll need this later:

6. Now, log into your blogger account, and click on the “Design” tab.

7. Next, click on “Edit HTML.”

8. ALWAYS click “Download Full Template” (just in case you make a mistake…)

9. Next, check the “Expand Widget Templates” box:

10. Hit Ctrl+F on your PC (or Command+F on your Mac) and type in “post-footer-line-1” and hit enter until you find the following text in your template (there should only be one occurrence for it).

 

11. Immediately after this line, paste in the following code:

12. Replace IMAGE URL in the above text with the copied link from Step 5.

*** Important: Do not remove any quotations around IMAGE URL or I predict a problem in your immediate future:

13. Click “Save Template” and view your blog.

14. Tada! You should have your custom signature appearing after every single one of your posts. Easy squeezy!

And if you don’t, it’s probably cuz you deleted a quotation mark like I told you not to. So, try again!

If editing your HTML makes you extremely nervous, or if ‘do-it-yourself’ is not really your “thang,” never fear! Each and every one of my design packages comes with a custom signature included. So, order one today, starting at the extremely low and definitely affordable price of $35.00, and I’ll put together a completely original design built just for you!

Thanks for stopping by!