How To Create A Stylish Signature And Add It To Your Blogger Posts

Have you ever seen a blog post which ends with a unique signature showing the blog owner's name,
the blog name itself or any name at all?

Did you wonder how that was achieved?

Then wonder no more, because in this post I am going to show you how to create your own stylish signatures, so you can use them in your blog posts in order to add some style to them.

One very good thing about using signatures is that they make your blog more sophisticated and also make your posts look like they actually are yours.

So let's get started...

Creating The Signature 
 Follow the steps below and you should have your signature within a few minutes.

 Step 1:  Visit My Live Signature , and you should see a page like the one below;

 Click "Start Now!" , don't worry about getting registered.

Step 2: You would see a page where you have an option to "use the signature creation wizard", "Draw a signature straight to the screen", "Use a scanned image", or "Create a personal font".

But for the sake of this tutorial, I would use the signature creating wizard. You can of course try out the other options to see how they work too.

Click on "Using the signature creation wizard" as in the screenshot below.

 



















Step 3: Next you would enter the name that you want to use in your signature. I entered my name, Okafor Obinna in this case. Click "Next step"

Step 4: Select the font that you want for your signature. Click "Next Step"

Step 5: Select the font size, and click "Next Step"

Step 6: Select the font color and click "Next Step". Notice that I checked the "Transparent" checkbox in the screenshot below so that my signature would have a transparent background. You can do some experimenting with this too.

Step 7: Set the "slope" of your signature and click "Next Step".

Now your signature is ready!

Click on "CLICK HERE TO DOWNLOAD IMAGE" to get the image version of your signature.

Want to get the HTML code for your signature, so you can use it on your blog,website or online forums?

Click on "Want to use your signature?" as in the screenshot above to get options on how to get your signature downloaded to your system either as HTML CODE or BB CODE (for use on online forums). You should see a page like the one below;

Then Click on "Generate HTML code". Notice that there are two options for generating the HTML code for your signature as in the screenshot below;

But for this tutorial, I used the first option: "Generate a code for my handwritten signature" and this is what I got;

Now the HTML code for your signature is ready!

How To Add The Signature To Your Blog

Having created your signature, you have to add it to your blog so that it appears in perhaps every post, or in your website and email messages.

You can upload the signature as an image directly to your blog or website.

But just incase you need more flexibility, by having and working with the HTML version of your signature, then this is how to go around it;

From the Generated HTML Code for your signature just as in the screenshot above, you would notice the first snippet of code:

a href="http://www.mylivesignature.com" target="_blank"

and the last snippet: /a

The two code snippets are opening and closing link tags, which are going to link the signature to a specified website when someone clicks on it. In this case it is linking to http://www.mylivesignature.com.

Delete the two codes if you do not want your signature linking to any webpage at all, or replace http://www.mylivesignature.com with the web address of your choice where you want your signature to link to, preferably, your blog or website homepage... You definitely don't want your signature linking to Mylivesignature.com website.

Notice again in the code, the "img" tag, which contains the image url on Mylivesignature servers.

img src="http://www.mylivesignature.com/54492/208/6A2053D387AD0BAF0F11EF38B4847ABA.png" style="border:0 !important; background:transparent;"/

You do not have to change anything here., but just in case you want to add some border to the signature in HTML mode, then you can change the "border" value to 1,2, or any number of your choice depending on how thick you want the border to be.
Some experimenting will be just fine.

Now that you are okay with the HTML code of your signature, here is how to add it to your blog.

First way to add the signature to your blog

Step 1: In the new blogger dashboard, click on the drop down menu > settings > on the left hand side of the page that appears, click "Posts and comments".

Step 2: On the page that appears, click "add" next to "Post template"

You should then be able to add the code into the box that appears after clicking the "add"

Now this means that every time that you go to write a post, the signature will already be in the post, this is because you have added the signature's HTML code into the post template box.

Second way to add the signature to your blog

In your New Design blogger dashboard, click on the drop down menu for your blog > Template > On the page that appears click Edit HTML.

locate the following code in your blog HTML:
(Use "ctrl + f" to get a search bar to easily locate the code)

Paste the code for your signature directly Below or After


Note: If data:post.body/ appears twice in your template, then you may want to use the second instance of this.
 Now save your Template, and your signature would have been added to your blog successfully...Yay!

If you are confused in any way, or need more help in achieving this, Leave a comment below.

And If you enjoyed this post, please take 5 seconds to share it with the buttons below.. Don't be selfish.