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 way...so 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".

Click...
  • 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

35 comments:

  1. What a great tip and tutorial! Thanks!

    ReplyDelete
  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.

    SewCalGal
    www.sewcalgal.blogspot.com

    ReplyDelete
  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,
    queta_r21@msn.com

    ReplyDelete
  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!
    tracie

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

    ReplyDelete
  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.
    ~June

    ReplyDelete
  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

    ReplyDelete
  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 - http://annelee55.blogspot.co.uk/ - and you'll see that your signature isn't even showing up as a whole picture - it's being cropped.

    ReplyDelete
  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)

    ReplyDelete
  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!

    ReplyDelete
  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

    ReplyDelete
  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.

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

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

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

    ReplyDelete
  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.

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

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

    ReplyDelete
  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!
    http://lanettascreations.blogspot.com/2012/05/its-not-fuzzy-anymore.html#.T7rs70X2Z_U

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

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

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

    ReplyDelete
  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.
    scrapthissavethat.blogspot.com

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

    ReplyDelete
  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.

    ReplyDelete
  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!
    Amy
    www.sewincrediblycrazy.blogspot.com

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

    ReplyDelete
  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

    imbeingerica.blogspot.com

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

    ReplyDelete
  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

    ReplyDelete
  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

    ReplyDelete

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

Related Posts Plugin for WordPress, Blogger...

LinkWithin

Related Posts with Thumbnails