The tutorial is divided into two parts. The first part will help you in creating your stylish signature online. And in the second part we’ll see how to add your signature to the end of your blog posts. Read on.
STEP #1 : Creating your Signature Online
You can skip this part if you have a signature of yourself with you. (please do not use your own signature, use Photoshop to create an image with your name on it and do not forgot to make it funky by using custom fonts). All you have to upload it to blogger or some hosting site and not down its url and skip down to step 2.If you want to create a some stylish signature from some pre-made design follow the steps below.
- Visit My Live Signature and Click ‘Start Now’.
- You’ll be directed to next page and there you’ll get 4 options and choose ‘Using the signature creation wizard’
- And now just enter your name in field provided and click ‘Next Step’
- Now you’ll be directed to the next step and there you've to choose a font that you’d like to have from over hundreds of font. Choose a font and click ‘Next Step’
- Now in this step you've to choose the size of your signature. It’s recommended to choose 3 or 4, however it’s up to you to choose. Once you've chosen the font size click ‘Next Step’
- Now, you've to select the text and background colour. I've kept the background colour to be transparent. Choose wisely and click ‘Next Step’.
- This is the last part of the wizard, here you have to select the slope for the signature. I've choose #2 for now. Once you've set the slope, click ‘Next Step’.
- Now you’ll be redirected to signature code generating page and there choose ‘Generate HTML code’ from the two options.
- Now again you’ll get two options, click on ‘Generate a code for my handwritten signature’.
Now you’ll be provided with the HTML code of your signature. Copy the code and keep it. See my signature and HTML code below.
HTML Code for my Signature
<a href="http://www.mylivesignature.com" target="_blank"><img src="http://signatures.mylivesignature.com/54491/366/3FBD8E935A8313905AA225E9BA6E16A5.png" style="border: 0 !important; background: transparent;"/></a>My Signature
STEP #2 : Adding Signature to your Posts
- Go to Blogger Dashboard > Settings > Posts and comments
- Under ‘Post’ section you can see ‘Post Template’. Click add and paste your HTML code (not the code given here) you've copied into it.
NOTE: Do not post the whole code that you’ve copied. Remove the highlighted code from your HTML code and paste it. This is important!!
<a href="http://www.mylivesignature.com" target="_blank"><img src="http://signatures.mylivesignature.com/54491/366/3FBD8E935A8313905AA225E9BA6E16A5.png" style="border: 0 !important; background: transparent;"/></a>
- Now save your settings.
Comments
Post a Comment