DIY Custom Blog Design Part 6: Custom Signature

This is Part 6 of a series of tutorials, if you need to start at the beginning, click here.

I have made my Custom Signature in Adobe Illustrator (Here is a Tutorial if you are interested), but if you don't have Illustrator, or you are just more of a Photoshop kinda girl (or guy).  That is fine too!  If you don't have either, you can use the free Paint.net, or My Live Signature.

I made my signature 175px Wide by 100px Tall, but remember this is custom :)  So once you have your signature made, upload it to your Photobucket account (Start at Part 1 if you need help there).


Next, go to your Edit HTML Page, and click on "Expand Widget Templates".

Do a CTRL-F and find one of these codes below:

<p class='post-footer-line post-footer-line-1>

or
<div class='post-footer-line post-footer-line-1'>


If you want your signature to be aligned on the left, paste this code directly AFTER the code above:

<img src='your direct image link here' style='border:0px; '/>
<br/>

If you want the signature on the left, then you are done here!



If you want to have control over where you place your signature, past this code instead:

<img src='your direct image link here' style='border:0px; margin:0 0 0 300px;'/>
<br/>

Now change the 300px to whatever value that you would like, the image below shows where it will affect the signature, so if you want it centered, enter a value less than 300px, if you want it further to the right, enter a value higher than 300px.

Easy Stuff :)  You are done!!