How To: Blogger Signature

You're here.

Which means you want to create and include a signature in your Blogger blog.

So let's get right to it.

First, you need to create the signature image.




You can create your signature image with any software such as Paint or Photoshop. You can also create your signature online using an Online Signature Maker (enter: google search).

Once you have your signature image, you need to upload it to a host site. I use photobucket.com because its free and easy but you can use any site you want (tinypic.com is another option).

Grab the HTML code of your uploaded image.
Next, go to your Blogger account and click on Settings. Then, click on the Formatting tab. 

Scroll down to the bottom of the page and paste your image HTML code in the box labeled Post Template.

Before you save, you need to edit your HTML code from this:


<a href="http://tinypic.com" target="_blank"><img src="http://i28.tinypic.com/bg8kt2.jpg" border="0" alt="Image and video hosting by TinyPic"></a>


to this:



<img src="http://i28.tinypic.com/bg8kt2.jpg" border="0" alt="Image and video hosting by TinyPic">  


 * This is just a sample code, remember you are editing your image HTML code.

Now you are ready to click on Save Settings.

And you're done!

When you go to create a new post, your signature will automatically upload.

Want to try it? Go on, you know you want to... Click on the Posting tab and see for yourself!



* Is there a border around your signature? Want to get rid of it? It's easy.
Go to the Layout tab, and click on Fonts and Colors. Select Border Color and set it to the color of your background.

4 comments:

  1. This is so helpful! I just got a signature! THANK You for simplifying this!

    ReplyDelete
  2. No problem! Glad to hear you were able to do it easily! :)

    ReplyDelete
  3. Yes I wanted to perform the same in my blog and luckily found this article. All the steps are very well explained. Thanks for describing the complete process.
    electronic signature software

    ReplyDelete
  4. Unfortunately it isn't working for me! :(
    It also didn't work to delete the previous code (mylivesignature code) to take that old signature out.

    I'd appreciate any help on this!

    ReplyDelete