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:
<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:
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:
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!!
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/>
<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/>
<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!!
Relax and enjoy, don't be rush.
ConversionConversion EmoticonEmoticon