Monday, May 21, 2012

How To Make A Custom Blog Signature...No HTML Codes

Every once in a while we all want to tweak our blogs and add something new or pretty. What's my biggest criteria for adding something...Easy Peasy!!

I have always wanted to add a custom signature to my blog, but wasn't sure how to make one and also didn't want to fool around with HTML codes.

Here's my solution for a signature...add it as a PICTURE on each post. I know that can be a pain adding it each time, but I'm always adding pictures any what's one more.

Here's a quick tutorial to make your own...

First you need a background (almost like a piece of paper to start out). I'm using a PC right now, so I'll be using Paint. I still haven't figured out how to do this on our iMac.

Just go to "Start" and paint is there for me.

If you need to look for it, go to
  • Start
  • All Programs
  • Accessories
  • then Paint

When Paint pops up, a white square or page should be there. If not, click...
  • "File" in the upper left corner
  • then "New"
A white "page" will be there. I'm using the white background, because my blog background is white and that will make my signature appear just as the signature.

You need to save what I call a "white piece of paper".

  • File
  • Save As
  • I named it White Background
  • then you MUST save it as a jpeg for it to open in a photo editor

Now go to your favorite photo editor. I love PicMonkey.

Upload your white background photo

I cropped mine to 125 x 50, but this is totally up to you. Experiment with what size you want your signature to be.

Now use the different fonts, colors and sizes.

You can also add fun little pictures too. They have flowers...

Push pins...and tons more like borders, picture corners etc

Here are some I experimented with color, size and add ons.

When you finish with your editing of the signature picture, save it again as a jpeg and then just add it to your post like a photo.

Easy to make and easy to change with the seasons and holidays too.

Have fun with it!!

Pin It


  1. What a great tip and tutorial! Thanks!

  2. Thank you. I've always wanted to figure out how to do this, but never found time. I appreciate you figuring it out and sharing your insights. I look forward to using your tutorial.


  3. Great Tutorial. Now if you would show us how to add the Pinterest
    pin it button to our blog so it shows up every time you post a blog with out having to add from clip board. For those of us that are not to computer savy.
    Thank You,

  4. thank you for taking the time to make this all easier! i have gone the hard way a couple times and gave up on it. today i finally did it! thank you again!

  5. Cute! For image editing on a MAC try GIMP, just Google it for a free download.

  6. Thanks Karen! I just did this and added my "signature" to my latest blog post. Wordpress puts a blue outline around all of the photos that I post, so it is obvious that it is a photo, but I like being able to sign my posts.
    You are such a great resource! Thanks for sharing.

  7. Thanks for that tutorial. I'll be trying this out later today.
    I love your blog, it's full of so much useful info, really kind of
    you to share it.

    Ali x x

  8. The only thing "wrong" with this is that, in my blog list, because I have the image of the last item showing, the signature shows up as the image every time you post. See my blog list here - - and you'll see that your signature isn't even showing up as a whole picture - it's being cropped.

  9. Coming back to say there is a way to do this without having to add your signature as a photo each time. (I had to go and check the correct order of doing it to make sure I wasn't tallking nonsense!) You do need to use HTML but you only need to do it once and then it's done.

    Load your signature into a hosting site. I use Photobucket - it's free.

    Now, on your blog, go to design - settings - posts and comments - post template - add - and put in the "img src" code (called "HTML code" on Photobucket) - save settings and your signature will show up each time you go to write a post.

    The only thing to remember is to type your post *above* the signature when writing your blog post so that the siggy appears at the bottom and not the top!

    Hope that helps. :o)

  10. Karen your instructions are perfect thanks so much!! and everyone else thanks for the added tips i always wondered...geesh education on a Monday holiday Morning...Love it!

  11. Hi Karen thanks for the great tutorial. I have played around and now have a lovely new signature for my blog. Thank you. Susie x

  12. Wonderful, I think you're reading my mine, that's the next thing I was trying to figure out, but I was afraid of the codes.

  13. Thanks Karen....just created my own!

  14. Thank you! I always wanted to do this but was never sure how. Off to make myself a signature! :-)

  15. I love this! Thank you so much for the tutorial. It looks so easy, that I will have to give it a try!

  16. Karen, I have gotten through the step of cropping my area. After that I can't find where to get the fonts, etc. There are areas under the "crop" that is color, etc, but it doesn't bring up anything to add to my white area. What am I doing wrong? Thanks.

  17. Thank you Karen, I love your Blogging tips.

  18. This comment has been removed by the author.

  19. Thank you! Your instructions (and screen shots) made it so easy to do! Soon as I did my signature, I had to share. I've linked back to you! Again, thank you!

  20. How did you know I was trying to figure out how to include a signature on my blog??? Ahhhh... telepathy! :) Thanks!

  21. My blog and yours are linked now. Keep the vibes coming my way... :-)

  22. I think this is a FABULOUS idea!!!!!! Thanks, I will be creating a new signature very soon!

  23. You COMPLETELY rock!!! I have been wanting to do a signature for SO LONG and now, thanks to you, I know how!!

    Thank you thank you thank you!!!
    Amy E.

  24. Neat. I've been wanting to change my signature. Thanks

  25. great idea! I think I will have to work on this on our vacation! I can get into my Paint without being on line in the car! I am going to try to use my Bamboo to write my own signature. I will let you know if it works.

  26. I love Picmonkey! I never thought about using it for a signature. I am your newest follower and would love if you check out my blog!

  27. Found you via Projects by Jane. Thanks for the tut I'll give it a go! x

  28. thanks so much for this! i can never be bothered with html either, so this is the perfect substitute! i've also never used pic monkey but soooo much better than the free trial of PS Elements i've been using - thanks again for this! absolutely brilliant!

    erica x

  29. Thank you so much Karen!! You have no idea how long I have wanted to add a siggy to my blog!! YOU ROCK!!

  30. Love this! The easiest and best looking siggie that I made for my blog. Thanks so much for sharing. And I love FREE! LOL

  31. Useful ! Creating a blog signature with the use of html code is quite tricky and confusing for those who are not familiar with this scripting language. Thank you for this awesome idea.
    electronic signature software

  32. Thanks so much for this tutorial! I recently created a blog and am learning as I go. This was super informative and now I have a siggy that coordinates with my blog design. Appreciate it!


Thanks so much for taking the time to leave a comment...I just love hearing from you!

Related Posts Plugin for WordPress, Blogger...


Related Posts with Thumbnails