How to sign your post with graphic signature - Blogger tips, tricks, tutorials and widgets

1. create your signature with a graphic editor

2. save that graphic signature in your computer
3. write a new post and upload your graphic signature
4. publish the post (you save it as draft later)
5. Edit the post in the Edit HTML mode and get the picture address (URL) as shown here:
6. copy the picture signature URL (the part highlighted in red below) then go to
Dashboard > Settings > Posts and Comments
and in the POSTS section and after POST TEMPLATE click ADD as shown in the screenshot below:

7. In the box for the post template, type this img tag to display your graphic signature:
<img src="your picure address (URL) as highlighted in red above" /> or as shown in the screenshot below:

8. Click orange SAVE SETTINGS at the top right

CREATING A GRAPHIC SIGNATURE

For this task, you can either use an online graphic signature maker like thisonlinesignature.in. I tried this out and it was easy involving steps:
Step 1: Type signature
Step 2: Select font
Step 3: Select color
Step 4: Select font size
Step 5: Select font slope

HOW TO GET THE PICTURE ADDRESS (URL)

After uploading your graphic signature, edit the post in the HTML mode and look for a bunch of codes like the one below. If these codes don't look familiar to you, don't worry. Just focus on the part after src=" and ending " /> as highlighted in red below:

<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_6Qg-kJgXManxxeyU-Lbfubkaw6C4jZCkpx4mCVI67AsP2Cupw0ba3f2CFMawDkHpJyHwR5MFVq-YMvT0KZIrHS-ZmFRHAiT5qT42FnImm61j3ZOk68KCkyqcTo42avTAjcM-g_dTEsvE/s1600/Peter+Chen+signature.png" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_6Qg-kJgXManxxeyU-Lbfubkaw6C4jZCkpx4mCVI67AsP2Cupw0ba3f2CFMawDkHpJyHwR5MFVq-YMvT0KZIrHS-ZmFRHAiT5qT42FnImm61j3ZOk68KCkyqcTo42avTAjcM-g_dTEsvE/s320/Peter+Chen+signature.png" /></a>