How To Add A Signature To Blogger Blog Post

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

Add Signature To Blogger Blog Post

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โ€ .

create signature

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.

live signature

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โ€ฆโ€ฆ.

signature designs

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

Add Signature To Blogger Blog Post

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โ€ฆ.

signature sample preview

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

sample signature

10. In this last step Click on to โ€œGenerate HTML codeโ€

Add Signature To Blogger Blog Post

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

Add Signature To Blogger Blog Post
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)

<a href=โ€http://www.mylivesignature.comโ€ target=”_blank”><img src=”http://signatures.mylivesignature.com
/54490/159/AB12A72008DAC4B84621EEB3FBB6F54F.png” style=”border: 0 !important; background: transparent;”/></a>

NOTE: You can delete the code in red color or simply put there your Blog URL.(keep the semicolons)
Now that your code is ready,where to insert this code and how ?

There are two methods to Add the Signature Code

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)

&lt;data:post.body/> or this code : data:post.body/>

If found the selected code will be highlighted in your Template HTML.

If you find two such codes in your Template than choose the second one and paste the code (Your signature code saved earlier) directly below or after the above code.

PREVIEW your blog, it should display your signature, save your Template and you are Done.

Since all Templates are not same donโ€™t worry if you find the code only in two instances. DONโ€™T FORGET TO PASTE YOUR SIGNATURE CODE AFTER THE SECOND ONE.

If it does not show your signature in the preview, paste the same code after the first instance the code appears on your template.

In case you missed:
1. Fastest Loading Blogger Template.

2. Top 5 free fast Loading Blogger Template.

3. How to Increase your Blog Traffic.

4 thoughts on “How To Add A Signature To Blogger Blog Post”

  1. with that signature your Blog really looks "Style" I am going to try right now.Appreciate for sharing this.

  2. Very beautiful indeed. I was really looking for such a tutorial/post. I am glad i found this. Right now im already on it.Very good post.

Comments are closed.