How To Add A Signature To Blogger Blog Post

Last updated on August 16th, at 11:44 am

Have you come across a web page or a blog with the author’s signature at the end of the article? I think the signature looks great and adds a style to your post.

In this post I’m going to show you how to add a custom signature to blogger blog posts both new and existing Blog posts.

If yes then follow this instruction carefully its very easy, and is done online.

How to Create and add A Signature To Blogger Blog Post 

OK then, let’s get started: How to Insert your signature in Blogpost.

1. First go on to this web site: www.mylivesignature.com

2. No need to register since this is a one time process so click on the PROCEED tab.

3. In the next window, you will get a few options (self-explanatory) just click on the first option “Using the signature creation wizard” .

4. In the next window Step 1 Enter your name here in the box, your name as you want your signature to be, first name or just the initial, up to you.

5.Than click next, you will see the following window.Samples of your signatures.The small numbered tabs on the top are different fonts, there are more than 100 different fonts.

You can click on any tab and samples of your signature will be displayed. Select the one that appeals to you most and click the radio button on its side than click NEXT…….

6.In the next window (step) here you have to chthe oose size of your signature, I choose 3, than click next…..

7. In the next step you will be asked to choose the color. There is a rudimentary color picker, to me it didn’t seem to work so I opened Photoshop choose the blue color, noted down the hex number which will be something like this #bn245d and pasted in the colour code box.Then click NEXT.

8. In the next step, you have to select the “slope” I choose 3, select your choice.Then click NEXT….

9. Your Signature is ready.Perfectly done, neat and sharp. In the next step click on “Generate a code for my handwritten signature”

10. In this last step Click on to “Generate HTML code”

Your Signature HTML code will be instantly generated and displayed as shown below.

Your signature code will look something like this. You need to copy this code and paste it in notepad and save.

Next step would be to put it in your template HTML code (don’t copy this code, your signature code will be different)

Method 1

1. This method is the easiest and doesn’t require you to modify/temper your template code, but the draw back is your signature will appear only in your newer posts that you publish after this, older posts wont display your signature.

To do this log on to your blogger account go to “settings” in your dashboard and than choose “Formatting” from the menu as shown below

Now scroll down then to “Post template” box and paste your code there and click on save settings as shown below.You are done, you can preview your blog, but remember, only your newer blog will start showing your signature at the bottom of your post.

Method 2

On your dashboard – got to – Design- Edit HTML- Check the box “expand widget” and find this code in your template.

Press Ctrl+F and copy paste the following code (either one which ever works)

Ben Jamir

Hello! I am Ben Jamir, Founder, and Author of this blog Tipsnfreeware. I blog about computer tips & tricks, share tested free Software’s, Networking, WordPress tips, SEO tips. If you like my post /Tips then please like and share it with your friends.

tipsnfreeware.com