Your Friendly Consultant...

Saturday, February 23, 2013

Add a Signature to your Blog or Web Page

Today I would like to write about adding a personalized signature to your Blog/Web Sites. I will be mentioning about two approaches for adding a personalized signature, whichever is easier go for it. :)

Before looking out how to add signature into the blog, first let us see how to create a it. The simplest way of creating a signature is by visiting MyLiveSignature.com
  • Go to MyLiveSignature.com and click on Start Now link.
  • Click on Using the signature creation wizard 





  • Provide your Name and click on Next Button




  • Select an appropriate Font and click on Next Button











  • Select your Signature Size and click on Next Button.

















  • Select the Color of your signature







    • Make sure to change the background color for your signature to the one that would best fit to your Blog.
    • Not sure on the Blog Background Color??, Don’t worry.. Trust me and check the Transparent Check Box. Choosing this option will provide the liberty to your signature to best fit into your blog without having any border around it.
  • Set an appropriate slope for your signature.















  • Your Signature is ready by now, Now to get your Signature click on “Want to use this Signature?” link. Before that just Right Click on your Signature and then select Save Image as.. to save a copy of your signature locally to your PC.












  • Now get your Signature Code by clicking on ‘Generate HTML Code’ link. Select all and copy paste to any Text Editor ex: Notepad.











Tip: Either you can use the signature as it is by using the above code but the twist here is your signature will be hosted on mylivesignature.com, wanna confirm? Check tag in the above generated HTML code. Well.. if it seems to be okay to have it there then skip the below step and proceed reading further.
If not upload your Signature to Picassa Web Album or any other image hosting websites, and get the URL for your Signature image and replace in of  your generated HTML code and keep the rest of the code as it is.

Edit HTML Approach (Reflects in Present, Past & Future Posts):
  • Click on Edit HTML from your Dashboard - Templates.
  • Before editing make sure to take a backup of your current template.
  • Click on Check box to Expand Widget Templates.
  • Find the code by pressing CTRL+F and then paste your HTML signature code just below this code.
  • Click on Preview to see if  your signature is visible and then click Save Template.
Post Template Approach:
The other way of adding your personalized signature is by setting up a Post Template.
  • From your Blogger Dashboard, click on Settings then click on Posts and Comments.
  • Look out for Post Template. Add your HTML Signature code here in the text field.












  • Click on “Save Settings” at the top of the screen.
This approach will automatically add your Signature while creating a New Post.To check if it is working, click on “New Post”. Now you should be able to see your signature.

Before ending up my post for today,  I would like to thank MySignatureLive.com for there tremendous job in helping people like us to have our own personalized signature in BLOGS & Web Sites.  Also would like to thank the author of BestShopBoy for sharing info on MyLiveSignature and on adding signature using Edit HTML approach.

Try the above approaches and let me know which one proved to be useful to you or which one you feel to be a better solution. I shall wait for your reply... Till then Happy reading..!! :)

6 comments:

  1. Nice information. Your blog is very important for me. I get a lot of valuable information from this. I will bookmark your blog for my further updates. So Please keep it up... browser extensions.

    ReplyDelete
  2. Nick,

    I am really glad to hear that my posts were useful to you and would definitely continue to post more n more useful information.
    Please do keep visiting my blog.

    Thanks again..!!

    ReplyDelete
  3. I have been trying to do the same. And I really appreciate that you have mentioned all the steps. I do also wanted to attach a small image in my signature too. Could you please share how to add an image. Thanks.
    digital signatures

    ReplyDelete
  4. This post is very informative I have always wondered how some people add their own signatures to their posts, I want to do the same now I know!
    website design

    ReplyDelete