Tuesday, May 5, 2009

How to Create a Custom Signature for Your Blog Posts

I'm just having too much fun with my blog! My husband's translation would be *obsessed*. Due to my past experience as an educator, I feel like I am almost mandated to share my learning curve with you!

Just go to TheCutestBlogOnTheBlock and they will walk you through the process of creating your own custom signature.

I used Photoshop. For those who do not have Photoshop, try MyLiveSignature. If you are somewhat familiar with Photoshop, this should be very easy. I personally needed to do some extra research to figure out how to use brushes, how to get free brush presets online and how to upload those brushes to Photoshop to create my flourish. You might need to up download some script fonts as well. Try Refont for some interesting fonts. My version of Photoshop is older (7.0), so if you have an older version, make sure that it is compatible with the brushes, etc that you want to download.

After uploading your image to an image hosting website (I used Photobucket), copy the html code of your image. Back to your blog to *customize*, *settings*, *formatting* and scroll to the bottom of the page to *post template* which is where you paste in your html code. This enables your signature graphic to be automatically included on each blog post from then on! Have fun!

P.S. To remove the image border, go to *customize*. *edit html* click on the html, hit ctrl f and a find box will pop up on the bottom left of the page. Enter .post img and you will be taken to the following:

.post img {
padding:4px;
border:1px solid $bordercolor;

Then change the 1px to 0 px and viola! No border! Don't forget to save your template, etc for insurance.

Photobucket

2 comments:

  1. Thanks for this! I'm going to check it out

    ReplyDelete
  2. That's pretty. I'll check it out later, when I have time.

    ReplyDelete