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




| | 85 comments

Create Signature BloggerIf you look at the bottom of the posts in many blogs you will see they finish with a signature.I think the signature looks great and adds a bit of style to the posts.These signatures are very easy to create and add to your blog and in this post i will show you how.You can actually use a small pad to write you signature or pick from one of hundreds of pre-made signatures.I suggest using the pre-made signature, using the pad to create your actual signature is almost imposable.

This Post Has Been Updated On 8th June 2012.

Create the signature


I'm going to create another signature and walk you trough the steps as i do.

Step 1. Go to My Live Signature and click 'Start Now' you don't need to register.

Step 2. You have 2 free options here, choose to use the wizard as i did or be brave and try to write one.

Write in your name as i did below :




Choose the font you want to use from the hundreds they have and click next as below :



Follow the steps to design the signature :

-You now choose the size i choose size 3.
-Select the color, i choose a transparent background.
-Choose the angle slant, I choose 2.

Now your signature is ready, click on 'Want to use this signature?' as below :


Now choose 'Generate html code' you will be provided with the code :

This is the code for my new signature :
<a href="http://www.mylivesignature.com" target="_blank"><img src="http://signatures.mylivesignature.com/54488/48/010EAA2D956848A1728F82E9602766AD.png" style="border: 0 !important; background: transparent;"/></a>

And this is the new signature :



If you know how to upload the image to Blogger or Photobucket or any image hosting you may want to do that, if not don't worry we will use it as it is.

We only want the image and we don't want the image to be a link back to My live signature so you can remove the code in blue and keep the code in yellow :
(If your not sure how just change www.mylivesignature.com to the address of your blog)
<a href="http://www.mylivesignature.com" target="_blank"><img src="http://signatures.mylivesignature.com/54488/48/010EAA2D956848A1728F82E9602766AD.png" style="border: 0 !important; background: transparent;"/></a>

Add the signature to your blog


There are two ways to add the signature to your blog the first way is the easiest but it wont be in you previous posts.The second way adds it directly to your template.

First way to add the signature to your blog.
.
Step 1. In the new Blogger dashboard click the drop down menu for your blog > Choose settings > On the left of the settings page choose 'Posts And Comments'.

Step 2. At the top of the Page you will see 'Post Template' paste in the code and save:



Now every time you you go to write a post the signature will be already in the post.

Second way to add the signature to your blog.


Step 1. In Your (New Design) Blogger Dashboard Click The Drop Down Menu For Your Blog > Choose Template > Then Edit Html > Now Proceed > Tick The Expand Widget Templates Box as shown in the video Below :

Find the following code in your blogs html :
(Click 'CTRL and F' for a search bar to find the code)
<data:post.body/>

Paste the code for your signature Directly Below or After <data:post.body/>

Note : If <data:post.body/> is in your template twice place it after the second one.

If you have any trouble or need more help leave a comment below.Now save your template and your signature has been added.

Drop Your Comments And Questions Below.


If You Enjoyed This Post Please Take 5 Seconds To Share It.

Stay Connected With Free Updates

Subscribe via Email

85 comments:

  1. That is extremely cool! Helps make your blog posts more personal.

    ReplyDelete
  2. Thanks Tom,

    I have used it for as long as i can remember and it does add somthing unique to your blog.

    There is a way to upload your signature but (for me anyway) it wont be as cool.

    Paul.

    ReplyDelete
  3. This is a great idea.
    Love it.
    I already have in my template formatting 'Currently Reading:' then I just add the latest book I'm reviewing to it. I assume that you can actually use the signature creator to make any kind of message, like 'Follow Me' and have it link back to your Twitter page etc.

    I bet there are many uses for this cool app.
    Thanks so much for the great info-- as usual!
    And I really appreciate the directions and graphics on how to add stuff to your template for convenience. Awesome!

    ReplyDelete
  4. Thanks so much T,

    I had a look at your blog and you definatly picked a signature that suits both you and the style of the blog, i bet you looked at every signature on the site :D

    Im honored to be mentioned in your latest post, having an effect on people and helping them do somthing they otherwise wouldnt try is why i give so much time to this.

    It's Great fun as well..

    Paul.

    ReplyDelete
  5. Actually on your other point of using the signature in differant places i am going to write a post on using the signature maker to make a header for your blog.

    It would be such an easy way to make a cool header.

    Paul.

    ReplyDelete
  6. Hi Paul!

    I tried it and it works! I just need to go fix the color of my text now though. I hope you don't mind but I have added a post with a link to your blog as well. Great JoB!!

    Regard

    Ronel

    ReplyDelete
  7. Thanks Ronel,

    Im always honored to be mentioned by a fellow Blogger, Im going tp head over to you blog and see what your new signature looks like..

    Paul.

    ReplyDelete
  8. sir your blog tricks are really cool. I always find something interesting in your blog. I have added the image changing trick on mouse roll over. but it's not working. i have used that trick for my feedburner icon in the header. you can check in my blog http://techgoss.blogspot.com please tell me the correction.

    ReplyDelete
  9. Hi Suraj,

    Is the code you use for the image in the header of your blog in your template html ?

    This could be the problem, i will try it on a test blog and get back to you again,

    Paul.

    ReplyDelete
  10. its great..i have finally made a sinature ..and it looks pretty good..thank u

    ReplyDelete
  11. Thank you so much! I've got my signiture, but how do I center it in the post instead of it aligning to the left?

    ReplyDelete
  12. @ Miss B - Just add the center attribute to the code.So add it like this : <center>Signature-Code-Here</center>

    ReplyDelete
  13. Wow! this is awesome...
    I'll try to make my own sig.

    ReplyDelete
  14. IT'S AWESOME!VERY INTERESTING READING!

    ReplyDelete
  15. I like this post, enjoyed this one appreciate it for putting up.

    ReplyDelete
  16. Yeah!Thanks again, because of your blog I DID IT!:)

    ReplyDelete
  17. hey i paul i think this website (My Live Signature ) have problem

    ReplyDelete
  18. Thanks for the very detailed post I just followed it and my new siggy looks great!

    ReplyDelete
  19. Fabulous instructions... they are so helpful. Thanks!

    ReplyDelete
  20. Wow!!! Your smart. That is awesome. God bless.

    ReplyDelete
  21. How do I remove the white background? It doesnt blend in my green background. i get my signature inside a white box if i use it. Thanks.

    ReplyDelete
  22. Thanks Paul, it's working on my blog.

    ReplyDelete
  23. This is SO brilliant. I had twice in my html template thingy and i posted the html code after the second one but it did not appear. I posted it back after the first and voila! This is amazing. Thanks so much for it :-)

    ReplyDelete
  24. Hi I love this idea and use it on my blog. I was wondering if there is any way to put my signature AFTER people click on "read more" ?
    right now my signature appears before every single "read more" link. Is there a way to change this? thank you

    ReplyDelete
  25. Thank you SO MUCH! I had been to 2 other sites and found you finally. Very easy and looks great!

    Jennifer
    goosebumpfactor.blogspot.com

    ReplyDelete
  26. perfect, perfect, PERFECT! so easy and simple!

    ReplyDelete
  27. I see this post was written a long time ago but I'd appreciate it if you'd have the time to help me out anyway, hopefully!

    I'm trying to add my signature the second way so that it'll apply to my previous posts but when searching for the code in the htmls it says "search not found" and I've tried to look for it manually without result, what does this mean?

    Thanks in advance!

    ReplyDelete
  28. if for at wordprees how to set it up

    ReplyDelete
  29. can you tell me how to add coloured signature plz.

    ReplyDelete
  30. Thank you so much for all the great info! I ♥ my new signature and by reading through other comments I was also able to center it! Hope you are having a wonderful Memorial Week-end! ~ Judy

    ReplyDelete
  31. I cannot find any of the codes above to paste the picture of html. Please help.

    ReplyDelete
  32. I copied the code and saved it but it didn't appear on my blog. Please help. Thanks.

    ReplyDelete
  33. Thank you so very much for this tutorial. I have been looking for an easy way to add a signature. I tried both ways explained above, but it still does not appear. Can you assist, please? thx

    ReplyDelete
  34. thanks for sharing this. I've tried the 2nd way - edit HTML but my signature does not appear. I've even tried with new posts, but nothing shows up. Any clues? Thanks.

    ReplyDelete
  35. Okay, the reason my name is Skerrymalas is because I have a Blog but it is about a National Geographic's Game, Animal Jam. Skerrymalas is just my user. I'm STILL trying t get a signature and my Mom won't help. She says I'm the computer wiz of the family. Gee, thanks! That helps a lot, mom. So.. whenever I copy and paste the signature just like you said, (you should be warned I'm not very good with directions) it just comes up with the HTML code on my post. ARRG! Help???
    ~Skerrymalas (My user on Animal Jam)

    ReplyDelete
  36. I like this tutorial very helpful and that adds a lil twist on a blog.
    Thanks Paul!
    http://theyellowbulb.blogspot.com

    ReplyDelete
  37. Hi Paul...I love the personalizing my blog - however it is affixed on the top right corner of the post rather than bottom of the post. Help! Thanks :)

    ReplyDelete
  38. I've been doing mine manually for months! I didn't know how to automatically do it 'till now, thanks to this post. :) So informative! :) Keep up the great work. You're helping a lot of bloggers. Thank you! :)

    ReplyDelete
  39. Mine is not showing up as transparent which is driving me nuts...... I have a cream coloured background and I HATE the white box....

    ReplyDelete
    Replies
    1. Nikki you have to choose transparent during the process, I'm not sure at which stage but try again and look out for it.

      Delete
  40. Paul, what a great post! I look at other blogs and always wonder how they did certain things. I am new to blogging and was eager to try this and I had some success although my signature appears in the center at the bottom of the post and the last line of my post comes AFTER my signature. Any ideas how to fix?
    Tania
    Mrs Poultney's Ponderings

    ReplyDelete
    Replies
    1. I took a look and it seems like you sorted it out.

      Delete
    2. Hi Paul I am having the same issue right now how do i fix this please

      Delete
  41. It's really nice bro...It really nice on my blog :D
    http://anonymouseverywhere.blogspot.in/

    ReplyDelete
  42. Incredibly helpful, thank you!!!

    ReplyDelete
  43. i tried it but doest work got a error message can you please help me

    Your HTML cannot be accepted: Closing tag has no matching opening tag: A

    ReplyDelete
  44. I did every thing you said, but my signature isn't showing up...

    ReplyDelete
  45. This is awesome! Thank you! So easy and fun as well. Many Thanks

    ReplyDelete
  46. Replies
    1. Add your image between these div tags :

      <div style="text-align: right;">
      YOUR-SIGNATURE-IMAGE-HERE
      </div>

      Delete
  47. Awesome! All your tips area really awesome!

    ReplyDelete
  48. Thank you so much for posting this. I love my new signature! Thanks so much for taking the time to teach us less smarties how to get things done. :)

    ReplyDelete
  49. Thanks, Paul! Got it to work. I think it was staying up all night. Yep, lack of sleep. That's what I'm going with and I'm sticking to it ;). If you would like to see the post about you, please head over to http://ironiclee.blogspot.com
    You are truly the best.
    Thanks for all of your hard work and excellent explanations.
    Best Regards,
    Lee Jenna Tyler

    ReplyDelete
  50. The fonts in it don't suite me that much.But I still thank you for giving help.I saw comments from other people.Even though,I don't have a blog at all.I actually wanted a"hand-written signature".Thanks!!!!!!!!!!

    ReplyDelete
  51. It's superb. Thank you for this Signature post.
    I will definitely try it out.

    ReplyDelete
  52. I had a thought a few days ago to add a signature on my blog post because it makes the post more believable.

    ReplyDelete
  53. This whole experience has me completley perplexed. There are so many things I want to do and spending 2 hours on creating a signature wasnt one of them. I think your instructions are correct, however, the website to make the signature has changed. Every time I would go to get the code, a new window would pop up and intercept this task! I am so annoyed. After trying 9 times, I am giving up, without getting a (expletive) signature :(

    ReplyDelete
  54. I am definitely impressed. My OWN signature .... well it sucks. And it's quite lame LOL Thank you very much =D

    ReplyDelete
  55. I like this tutorial very helpful.You have shared such a nice info.

    ReplyDelete
  56. I like the presentation of content on your blog, the layout and theme is fascinating too.

    ReplyDelete
  57. very nice thank you i am looking for this.

    ReplyDelete
  58. Thanks to you I have used my signature on a blog for a long time. It is on the template on the left hand side and I am currently trying to centralise it. It's a pain having to do it each time I write a blog. I have tried html but I keep getting an error message. Thanks in anticipation for your help.

    ReplyDelete
  59. Thank you so much! Your instructions were so easy that even this technically challenged blogger could do it!

    ReplyDelete
  60. This is fabulous! I just created and added my signature without a hitch and I'm a total newbie! Thanks for the tutorial.

    ReplyDelete
  61. I've been asking and asking and nobody's helped me yet..what if you have a background on your blog that is not white and the transparent graphic signiture is not displaying properly. It displays on the sidebar and not in the body of the blog. Help! Laura
    Ever since I've had blogs this has been a problem.....I'm working on another one..you can see what I mean here...thanks, Laura
    http://rhodeshousekitchen.blogspot.com/

    ReplyDelete
  62. Cool. I will use this for my blog.
    Thanks!

    ReplyDelete
  63. thank u so much for this tip... i used it and actually posted it in the HTML below all the three "data post body" i could find, so now i have it in the home page as well as after each post... :)

    ReplyDelete
  64. Hi Paul,
    Thanks for your 'Sign' tut.
    It works fine! The only thing I pity is that it's placed a bit far under the post.
    Can I add something to the code to get it Higher?

    ReplyDelete
  65. That was so easy and really helpful. Thanks :)

    ReplyDelete
  66. Thank you so much for this post!

    ReplyDelete
  67. This comment has been removed by the author.

    ReplyDelete
  68. I'm using the second method, but when I search for the bit in my html it says its not there. Is there another name for it/somewhere else I can put it?

    ReplyDelete
  69. Very informative tutorial, thanks for sharing, its help a lot.:)

    ReplyDelete
  70. Awesome..all your tutorials was help me a lot.. i love the signature, but i can't find the place to paste it , and can't find it using CTRL F, is it doesn't exist on my edit HTML ?
    Thank you Paul, you help me a lot, i love your blog.xoxo.

    ReplyDelete
  71. sir your blog tricks are really cool. I always find something interesting in your blog. THANK YOU

    ReplyDelete
  72. Wonderful blog! I found it while surfing around on Yahoo News.
    Do you have any suggestions on how to get listed in Yahoo
    News? I've been trying for a while but I never seem to get there!
    Thanks

    Here is my site - monic polynomial (http://animekaijuexperiences.com/)

    ReplyDelete



Important - If you ask a question make sure you tick the "Notify Me" box below the comment form to be notified of follow up comments and replies.


Hire Us