How to Add a Personalized Signature to your Blogger Post

Wednesday, May 23, 2012

I have done a major makeover of my blog. I have changed the template and theme color using Artisteer and you can learn how it works here.

Then, the hardest part of this make over is arranging the blog widgets, adding the signature and the buttons. It took me 3 days to finally figure out how to add again my signature.

You can actually add a custom signature below each of your blog post. I am sharing you how to embed or add/ personalized Signature to Blogger and it is so easy.

Create your Signature. Make your own signature using softwares like Photoshop and Photoscape, or some online Generators like My LiveSignature.

I create my Signature using Photoscape since this is very easy to use. I create a signature that can be a Signature and post divider, double purpose that is. Cool ha!

Get the url of the Signature. You can upload your personalized Signature to your blogger then copy the url link or you can upload it to image hosting sites like Flicker.

I upload mine at Tiny Pic. All you have to do is to upload the signature from your computer then get the image direct link.

Insert the Signature url to Blogger Template. Sign in to your Blogger Dashboard > your blog’s Design > Edit HTML, and check “Expand Widget Templates”.

Note: Be sure to back up your template before making any changes on it. How to save a copy? Click the “Download Full Template” under Backup / Restore Template. Save it in a folder on your computer.

Now find this line of code inside the template box:  <data:post.body/>

You can use the search or find feature of your browser. Just press Crtl+F (or Command+F) and paste <data:post.body/> in the find box then press enter. It will take you to that line instantly.

Then paste this 

<img src='image url' style='border: none; background: transparent;'/><br/> 

below that line, so that it would look like this: 

Click SAVE TEMPLATE. Your done, so easy right?