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

Post Author : Paul Crowe

Create Signature Blogger If 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.

85 comments:

TomJanuary 15, 2010 at 7:34 AM

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

ReplyDelete
Paul CroweJanuary 15, 2010 at 7:29 PM

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
T – Another Geek GirlJanuary 18, 2010 at 4:00 AM

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
Paul CroweJanuary 18, 2010 at 3:29 PM

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 😀

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
Paul CroweJanuary 18, 2010 at 3:32 PM

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
PerseveranceJanuary 23, 2010 at 11:56 AM

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
Paul CroweJanuary 23, 2010 at 5:38 PM

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
surajJanuary 29, 2010 at 5:30 PM

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
Paul CroweJanuary 30, 2010 at 2:02 PM

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
prashanth ksDecember 14, 2010 at 2:03 PM

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

ReplyDelete
Miss B.e.e.May 22, 2011 at 11:28 PM

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
Paul CroweMay 23, 2011 at 2:21 PM

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

ReplyDelete
NiñaJune 8, 2011 at 7:09 AM

Wow! this is awesome…
I’ll try to make my own sig.

ReplyDelete
alaminJune 25, 2011 at 11:45 AM

IT’S AWESOME!VERY INTERESTING READING!

ReplyDelete
plastic cutleryJune 28, 2011 at 11:23 AM

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

ReplyDelete
SharonJune 29, 2011 at 2:55 AM

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

ReplyDelete
ultrapc1July 7, 2011 at 2:07 PM

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

ReplyDelete
My Brain BankJuly 12, 2011 at 8:41 PM

Thanks.

ReplyDelete
Diva LocksSeptember 1, 2011 at 6:59 PM

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

ReplyDelete
MikailahSeptember 11, 2011 at 10:01 PM

Fabulous instructions… they are so helpful. Thanks!

ReplyDelete
LysaNovember 12, 2011 at 2:34 AM

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

ReplyDelete
DianneNovember 20, 2011 at 12:43 PM

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
Shakil WahidDecember 6, 2011 at 7:55 PM

Thanks Paul, it’s working on my blog.

ReplyDelete
Between life’s doingsDecember 30, 2011 at 4:30 PM

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
UnmotheredChildJanuary 30, 2012 at 9:18 AM

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
JenniferFebruary 19, 2012 at 8:14 PM

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
It’s MeMarch 3, 2012 at 6:36 AM

perfect, perfect, PERFECT! so easy and simple!

ReplyDelete
Little Book GardenApril 18, 2012 at 6:24 PM

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
GondokApril 25, 2012 at 3:02 AM

if for at wordprees how to set it up

ReplyDelete
emily dickMay 24, 2012 at 5:49 AM

can you tell me how to add coloured signature plz.

ReplyDelete
Addicted2HomeDecorMay 28, 2012 at 4:04 AM

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
DorothyJune 4, 2012 at 3:07 PM

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

ReplyDelete
AjJune 9, 2012 at 7:44 PM

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

ReplyDelete
I Sugar Coat It!June 10, 2012 at 7:01 PM

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
sugarplumJune 17, 2012 at 5:12 AM

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
SkerrymalasJune 18, 2012 at 5:31 PM

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
Debbie NavarroJune 26, 2012 at 1:16 AM

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

ReplyDelete
NishaJune 29, 2012 at 12:10 AM

Oh cool!

ReplyDelete
HemishaJuly 2, 2012 at 3:53 AM

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
The MommistJuly 5, 2012 at 9:10 PM

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
NikkiJuly 7, 2012 at 5:07 PM

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
Paul CroweJuly 7, 2012 at 6:17 PM

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
Reply
Mrs PoultneyJuly 8, 2012 at 7:12 AM

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
Paul CroweJuly 8, 2012 at 1:14 PM

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

Delete
House of HiltonAugust 16, 2012 at 10:31 PM

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

Delete
Reply
mrishantsharma01July 16, 2012 at 12:11 PM

It’s really nice bro…It really nice on my blog 😀
http://anonymouseverywhere.blogspot.in/

ReplyDelete
Kim PorterJuly 17, 2012 at 12:24 PM

Incredibly helpful, thank you!!!

ReplyDelete
PriyaJuly 18, 2012 at 12:58 PM

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
BeccaJuly 26, 2012 at 12:20 AM

I did every thing you said, but my signature isn’t showing up…

ReplyDelete
GabbyJuly 27, 2012 at 5:48 AM

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

ReplyDelete
Preethi AnushaJuly 28, 2012 at 9:21 PM

how to align it to right ??

ReplyDelete

Replies
Paul CroweJuly 28, 2012 at 9:49 PM

Add your image between these div tags :

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

Delete
Reply
Giovanni XalanderAugust 7, 2012 at 6:10 PM

Awesome! All your tips area really awesome!

ReplyDelete
Amanda AganAugust 7, 2012 at 7:16 PM

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
Lee TylerAugust 17, 2012 at 1:03 PM

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
AnonymousAugust 21, 2012 at 8:52 AM

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
HarishAugust 25, 2012 at 7:12 PM

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

ReplyDelete
KeTemplateSeptember 3, 2012 at 9:24 AM

Thank’s 4 signature post…

ReplyDelete
ketemplate.blogspot.comSeptember 3, 2012 at 9:45 AM

Thanks…4 the tips

ReplyDelete
LionelOctober 2, 2012 at 7:06 PM

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

ReplyDelete
~Miss WendyOctober 8, 2012 at 9:39 PM

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
LisaAbeOctober 12, 2012 at 1:49 AM

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

ReplyDelete
free lol pointsNovember 5, 2012 at 12:21 PM

nice informative blog

ReplyDelete
TaranNovember 10, 2012 at 7:44 PM

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

ReplyDelete
business process outsourcingNovember 21, 2012 at 1:25 PM

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

ReplyDelete
allmytutorialsNovember 25, 2012 at 10:20 AM

very nice thank you i am looking for this.

ReplyDelete
ValerieDecember 2, 2012 at 11:57 AM

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
Pia JDecember 4, 2012 at 4:46 PM

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

ReplyDelete
Loretta E.January 5, 2013 at 11:09 PM

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

ReplyDelete
Rhodes CreationsJanuary 16, 2013 at 4:55 AM

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
LeoFebruary 7, 2013 at 4:12 AM

Nice Stuff
Thanks Paul

ReplyDelete
JeriethFebruary 15, 2013 at 5:16 PM

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

ReplyDelete
Rafeeda A. RaheemFebruary 19, 2013 at 10:50 AM

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
Marian van der WerfFebruary 26, 2013 at 8:17 AM

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
Dominick SegoatleMarch 20, 2013 at 1:55 PM

That was so easy and really helpful. Thanks 🙂

ReplyDelete
ho vinh phu phanMarch 21, 2013 at 8:27 AM

Thanks…… !

ReplyDelete
TaimoorMarch 29, 2013 at 8:28 PM

Thank you so much for this post!

ReplyDelete
A Fit FashionistaMay 31, 2013 at 9:51 PM

Thanks for the tip!

ReplyDelete
Kanyi OkekeJune 8, 2013 at 4:58 PM

Nice one.very sleek

ReplyDelete
Julie CorbisieroJune 13, 2013 at 2:09 PM

This comment has been removed by the author.

ReplyDelete
Beth KempsterJune 28, 2013 at 11:00 AM

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
AnirJuly 16, 2013 at 12:59 PM

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

ReplyDelete
Elytha BonivasiaSeptember 12, 2013 at 2:36 PM

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
Sangri DarpanOctober 2, 2013 at 3:24 PM

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

ReplyDelete
AnonymousMarch 3, 2014 at 6:26 PM

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