How to add a Signature to your Blog Posts

I am going to attempt to write a Blog Designing Tutorial every Sunday. 
And I do say, attempt.
And how to get it show up on your posts automatically.


1. Make your signature using your favorite Photo Editor. I use Photoshop. But if you do not have photoshop you can use PicMonkey.  I believe that the standard size for a signature should be at least 200x70. Not too big but not too small.

2. Upload your signature picture to your favorite image host. I use Photobucket.com to host all of my images.

3. Copy the direct link of the image and paste it within this code: *Replace only the part that is highlighted in yellow "YOUR IMAGE URL". Do not remove quotations.*

<img class="left" alt="post signature" src="YOUR IMAGE URL">


4. Log in to your blogger account (if you haven't already) and go to "Settings".  Under "Settings" click on "Posts and Comments". In the box that says "Post Template", paste the above code with image url in the box. If you want the signature to be centered, just simply add the center tags.

5.  Then click on "Save Settings" at the top.

6. Please Note: The signature will not show up on previous posts but on future post that you draft.

Happy Blog Designing!

ps: If you have any trouble or questions, please leave a comment below.

65 comments :

  1. Rekita, Thanks for sharing this. I use so many different platforms and head in so many different directions, I missed this one!!! Thanks Thanks Thanks!!!!!! ;)

    ReplyDelete
  2. Rekita thank you for posting this! I have been trying to figure this out for a while :)

    ReplyDelete
  3. Rekita, Thanks for sharing this. I am new to blogging and have admired the lovely signatures I've seen in the blogosphere, but didn't know how to create one. I am now following your blog!

    ReplyDelete
  4. Thank you so much for this. I have been adding my signature every single time. And I always think "there must be a better way to do" and always forget to explore Blogger. I found you through The GFC Collective. I am now following your blog.

    Sarah
    http://sarahmschultz.blogspot.com

    ReplyDelete
  5. Thanks for sharing! I have to manually add it at the end of all my posts. Found you through the GFC bloghop:)

    Townhouse Palette




    ReplyDelete
  6. this is a wonderful tutorial! thank you for making it so easy!

    ReplyDelete
  7. This is great! I'm going to try this way and see how it looks on my blog!

    Im a new follower btw :) bourgiechronicles.blogspot.com

    ReplyDelete
  8. Thanks for sharing this - now I need to sit down and try it out!

    ReplyDelete
  9. Hi, Will this work on Wordpress?

    ReplyDelete
  10. I have been wondering this for a bit so thank you for posting!!!

    ReplyDelete
  11. That is quite Helpful actually. And easy to do too.

    ReplyDelete
  12. Hi there! I saw this post title on SITS and HAD to stop by. I’ve been wanting a more personal signature for a while now. Thanks so much for the tutorial!

    ReplyDelete
  13. Thanks for sharing this info! I will have to create a cute signature for my post now.

    ReplyDelete
  14. This is such an easy to follow tutorial. Thanks so much!

    ReplyDelete
  15. Im probably making this harder than it is buuut stuck on the first step haha. I went to picmonkey and don't know how to make a signature from there...

    ReplyDelete
  16. I'm a nerd..I figured it out, Thanks :)

    ReplyDelete
  17. I have a question. Do you know how to remove the shadowing that is behind the picture once you have it as your signature. You can see how mine is on my page www.pynkkrush.blogspot.com

    ReplyDelete
  18. Big big thank you for this Rekita. Now, I am going to check out your other tutorials.

    Judy
    www.pursuitoffunctionalhome.com
    www.kusinaniinday.blogspot.com

    ReplyDelete
  19. The Inside Out Beauty3:27 PM, May 14, 2013

    Thank you so much! I also have a lifestyle and beauty blog www.theinsideoutbeauty.com and I was looking for something like this! I'll go fix this now! LOL Blessings! Heidi

    ReplyDelete
  20. Thanks a whole lkot for sharing this:)
    www.beautylicousreviews.com

    ReplyDelete
  21. Rachel Christian11:07 AM, May 23, 2013

    Very helpful! Thank you! xox

    ReplyDelete
  22. I made one fine but theres a shadow behind the picture and it's bugging me! :( thanks though

    ReplyDelete
  23. Just added to my blog, thanks for posting this!!!

    ReplyDelete
  24. I tried this and followed it step for step and I couldn't seem to get it to work :( I don't know why.
    Seems so easy and no one else is having problems - clearly I'm blonder than I originally thought!!!

    www.bohemianmuses.blogspot.com

    ReplyDelete
  25. Thank you so much, I managed to finally figure out what I did wrong! I love this tutorial - so well explained and easy to follow xxxxx

    www.bohemianmuses.blogspot.com

    ReplyDelete
  26. Thank you very much for this Great Tutorial

    ReplyDelete
  27. Omg ... you just saved like .. a million future hours for me. THANK YOU!

    ReplyDelete
  28. Thanks for the tutorial! I just did this today, and am so excited to have new posts with a signature!

    ReplyDelete
  29. Thank you for sharing this, it worked like a dream x

    ReplyDelete
    Replies
    1. Hi please follow me and i'll follow you back http://razelcayabyab.blogspot.com/ thanks!

      Delete
  30. I think in signature the image adding is a good idea. Thanks for the info.

    ReplyDelete
  31. Thanks for sharing this, it worked perfectly :)

    ReplyDelete
  32. Thank you for creating this! So simple and easy to follow directions! www.handandtheheart.com

    ReplyDelete
  33. Finally! Thanks I know have a signature :)

    www.damederose.blogspot.co.uk

    ReplyDelete
  34. Just used this. Thanks so much! I'm creating a how-to for my blog. Hope you don't mind that I linked back to your super helpful post!

    ReplyDelete
  35. I searched all day for how to this and your tutorial took 2 minutes! thank you so much!

    ReplyDelete
  36. Thank you for sharing this! such an easy tutorial to follow. xx

    ReplyDelete
  37. I am so glad your tutorial was #1 on google search results because it was so easy! Thank you.

    ReplyDelete
  38. Thank you so much! I spent the last 2 hours trying to get my signature to work before I found your tutorial. So easy! I especially appreciate the fill in the blank boxes you created.

    ReplyDelete
  39. Hi! Any tips on how I can get it to show without the edges? See here:http://findingjoyandbeauty.blogspot.fi/2013/08/he-likes-me-he-likes-me-not-part-2-of.html

    My background is white and I used picmonkey to make a completely white background for the signature, but it still shows up with the 'shadow lines' around it? :)

    ReplyDelete
  40. Yay, thanks. I just spent hours trying to do this and I did it in 2 secs with your code.

    ReplyDelete
  41. Thanks for the info, Rekita! This is really helpful.

    ReplyDelete
  42. How do you add signatures for Wordpress?

    ReplyDelete
  43. I'm not sure, I don't have a Wordpress blog.

    ReplyDelete
  44. How can i fix this?

    ReplyDelete
  45. Thanks
    for post. It’s very useful for that people who want more image editors tools. Photoshop Free.

    ReplyDelete
  46. thanks this is help but i want to add text no image signature to my blog sifiwiki.blogspot.com do you know how ? and thanks

    ReplyDelete
  47. Just put the text not the image in the "post template" box.

    ReplyDelete
  48. Helpful post! ;)
    Thanks!

    ReplyDelete
  49. This was awesome! Thanks!

    ReplyDelete
  50. Jen (nai1chronic1es)10:02 PM, January 03, 2014

    Very easy tutorial to follow. Thank you!

    ReplyDelete
  51. thank you for the post! I'm new to blogging and this tutorial was easy and simple. I'll definitely be following you for more :)

    ReplyDelete
  52. Chelsea Covington8:51 PM, January 07, 2014

    For some reason I can't get it to work! :(

    ReplyDelete
  53. great tutorial! Thanks so much. I love having a nice signature :)

    ReplyDelete
  54. Thanks for sharing this great info .... !!!!! Clipping Path

    ReplyDelete
  55. Thanks for sharing this great info .... !!

    ReplyDelete
  56. This is very effective information to all people. I really glad to read the information from this blog.

    ReplyDelete
  57. Thankyou for this! check out my blog at bloggerhannah13.blogspot.com

    ReplyDelete

Thanks so much for your comment! Enjoy your day!