How to Add a Custom Signature to your Blogger Blog

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 Pixlr, 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.

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 300pxto 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!!